CSS values and units for new Web front-end notes

Digital

Color--Name Color

In Css2.1, the specification defines 17 color names. Includes 16 colors as defined in html4.0 and an additional orange;

<H1 style="Color=aqua">AQUA</H1><H1 style="Color=fuchsia">FUCHSIA</H1><H1 style="Color=lime">LIME</H1><H1 style="color=olive">OLIVE</H1><H1 style="color=red">RED</H1><H1 style="Color=white">WHITE</H1><H1 style="Color=black">BLACK</H1><H1 style="Color=gray">GRAY</H1><H1 style="Color=maroon">MAROON</H1><H1 style="Color=orange">ORANGE</H1><H1 style="Color=silver">SILVER</H1><H1 style="Color=yellow">YELLOW</H1><H1 style="Color=blue">BLUE</H1><H1 style="Color=green">GREEN</H1><H1 style="Color=navy">NAVY</H1><H1 style="Color=pruple">PRUPLE</H1><H1 style="Color=teal">teal

Of course, not only these colors on the Web page. The Web browser recognizes up to 140 color names. Including what we mentioned above. Specifically, it is not introduced;

Color--rgb Color

The computer creates a new color by combining different red, green, and blue colors, and this combination becomes the RGB color;

use percent notation to specify white and black:    RGB (%,%,%);    RGB (0,0,0); Use integer ternary notation:    RGB (255,255, 255 );    RGB (0,0,0);

If the user enters a decimal value and the value is within the desired range. will be "rounded" to the nearest boundary of the range. If a value is greater than 100% or less than 0%. will be adjusted back to 100% or 0% by default;

P Spanone{color:rgb (%,1230%,%);} /* 100%,100%,100% */ P Spantwo{color:rgb (0%,-780%,-34535%);} /* 0%,0%,0% */ P Spanthree{color:rgb (,656);} /* 13,35,255 */

color--16 RGB color

How it works: Connect three of the 16 binary numbers between 00~ff. You can set a color. The general syntax of notation is #aabbcc. And there are no spaces, commas, and other separators between three numbers.

H1{color:rgb (255,255,255);} is equivalent to H1{color: #FFFFFF;} and H1{colol:reb (Wuyi, 102);}    Equivalent to h1{color:#336680}

Color--忦 color table color--web safe Color

0% or 0 is a safe value. If you use RGB percentages, make all 3 values either 0 or a number that can be divisible by 20 eg:    RGB (%,%,%); If you usearange of 0 to 255 RGB values then all 3 values are either 0 or a number that can be divisible by 51 eg:    RGB (0,204,153 );

Length Units

Inches (in), centimeters (cm), millimeters (mm), dots (pt), picas (pica);

Length Units-relative length units

There are 3 kinds of relative length units:em,ex and px

Ps:
The content of this chapter is just a little bit of knowledge accumulated by reading the CSS authoritative guide. Perhaps not too detailed, if the great God read this article as far as possible to make comments on my article. Let me know what shortcomings to correct

CSS values and units for new notes on the Web front end