Home > Article > Web Front-end > CSS attribute value specifications you must know
1. If the value is 0, usually no unit is needed
For example:
.list{ border: 1px solid 0px; margin: 0px; }
is changed to:
.list{ border: 1px solid 0; margin: 0; }
But there is a special case, that is, the time unit related to time must include seconds. The following two are illegal:
transition-duration: 0; transition: transform 0 linear;
2. Use sixteen for color value In base system, use less rgb
as follows:
color: rgb(80, 80, 80);
is changed to:
color: #505050;
Because using rgb is a function, it also needs to calculate the conversion. If it is with transparency, then use rgba.
If the six numbers of the color value are the same, then just write 3:
color: #ccc;
3. Pay attention to the difference between border none and 0
The following two have the same meaning:
border: 0; border-width: 0;
And the following two have the same meaning:
border: none; border-style: none;
So the border can be removed using 0 and none.
Although the packaging tool will handle it for us in the end, it is still important to maintain a good writing habit.
Recommended tutorial: css quick start
The above is the detailed content of CSS attribute value specifications you must know. For more information, please follow other related articles on the PHP Chinese website!