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!