Efficient development is king, to do the same thing with a small amount of code, like high-speed rail with the train, you take the high-speed rail have gone abroad and I am just out of the province do not know if this is really not afford to hurt - in development efficient code can save some development time, reduce the amount of code, save server reading efficiency, of course, more chic shorthand property; Oh, but not to use shorthand property override values provided above Oh;
Example I with the following codes;
Background -color: Red; // set the background color background-requer: NO-requer; // set whether the background is repeated background-position: Center Center; // set background position background-size: 2rem 2rem; // set the background size
The above code can be simplified to
Background：url() no-requre center/2rem 2rem；
Can even set up multiple background images only need to add, can be separated, (background you can set multiple attributes) code is as follows
Background：url（0） no-requre center， url（1） no-requre center， url（2） no-requre center；
Here is a simplified property other properties
font：font-style font-variant font-weight font-size/line-height font-famiy border：1px solid red，1px solid red，1px solid red，1px solid red； margin：1px 1px 1px 1px；//margin的上右下左
Do not think, the most commonly used shorthand property is gone;
Shorthand properties can save development time with the most to improve work efficiency,
if you think of a common shorthand property welcomes comments on her face;