3 71
7 2 r e d p u r p l e H1 {color: maroon;} H1 {color: gray;} H2 {color: silver;} H3 {color: black;}
7 3 H1 {color: orange;} H 1 o r a n g e
7 4 o r a n g e RGB rgb(100%,100%,100%)
7 5 0 % H1 {color: rgb(0%,0%,0%);} H2 {color: rgb(50%,50%,50%);} H3 {color: rgb(25%,66%,40%);} /* */ /* */ rgb(color) c o l o r H 1 r g b ( 100 %, 0 %, 0 %) r g b ( 50 %, 0 %, 0 %) H1 {color: rgb(75%,0%,0%);} H1 {color: rgb(75%,50%,50%);} P.one {color: rgb(0%,0%,0%);} P.two {color: rgb(20%,20%,20%);} P.three {color: rgb(60%,60%,60%);} P.four {color: rgb(80%,80%,80%);} P.five {color: rgb(100%,100%,100%);} r g b ( 50 %, 50 %, 50 %) r g b ( 50 %, 50 %, 60 %)
7 6 r g b ( 100 %, 0 %, 0 %) r g b ( 100 %, 40 %, 0 %) r g b ( 100 %, 100 %, 0 %) r g b ( 0 %, 100 %, 0 %) r g b ( 0 %, 0 %, 100 %) r g b ( 20 %, 0 %, 100 %) r g b ( 80 %, 0 %, 100 %) r g b ( 50 %, 50 %, 50 %) r g b ( 20 %, 20 %, 20 %) r g b ( 100 %, 80 %, 60 %) r g b ( 100 %, 80 %, 0 %) r g b ( 100 %, 0 %, 100 %) H2 {color: rgb(25.5%,40%,98.6%);}
7 7 r g b ( 255 %, 40 %, 986 %) 1 00 % r g b ( 100 %, 40 %, 100 %) 0 % P.one {color: rgb(300%,4200%,110%);} P.two {color: rgb(0%,-40%,-5000%);} r g b ( 0, 0, 0 ) r g b ( 255, 255, 255 ) H1 {color: rgb(0,0,0);} H2 {color: rgb(127,127,127);} H3 {color: rgb(255,255,255);} P.one {color: rgb(300,2500,101);} P.two {color: rgb(-10,-450,-2);} /* */ /* */ /* */ /* */ /* */
7 8 r g b ( 255, 0, 0 ) r g b ( 255, 102, 0 ) r g b ( 255, 255, 0 ) r g b ( 0, 255, 0 ) r g b ( 0, 0, 255 ) r g b ( 51, 0, 255 ) r g b ( 204, 0, 255 ) r g b ( 128, 128, 128 ) r g b ( 51, 51, 51 ) r g b ( 255, 204, 153 ) r g b ( 255, 204, 0 ) r g b ( 255, 0, 255 ) r g b ( 64, 96, 153 )
7 9 16 H1 {color: #FF0000;} H2 {color: #903BC0;} H3 {color: #000000;} H4 {color: #808080;} /* H1 */ /* H2 */ /* H3 */ /* H4 */ 00, 01, 02, 03, 04, 05, 06, 07, 08, 09, 0A, 0B, 0C, 0D, 0E, 0F, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 1A, 1B, 1C, 1D, 1E, 1F, 20, 21, 22, 23,... 16 01, 02, 03, 04, 05, 06, 07, 08, 09, 0A, 0B, 0C, 0D, 0E, 0F, 10, 10 01, 02, 03, 04, 05, 06,07, 08, 09, 10, 11, 12, 13, 14, 15, 16, 16 11, 12, 13, 14, 15, 16, 17, 18, 19, 1A, 1B, 1C, 1D, 1E, 1F, 20, 10 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 16 21, 22, 23,... 10 33, 34, 35,...
8 0 #RRGGBB # F F 0000 # F F 6600 # F F F F 00 # 00 F F 00 # 0 0 0 0 F F # 3 3 0 0 F F # C C 0 0 F F # 808080 # 333333 # F F C C 99 # F F C C 00 # F F 00 F F.
8 1 16 H1 {color: #000;} H2 {color: #666;} H3 {color: #FFF;} /* H1 */ /* H2 */ /* H3 */ # F 00 # F F 0000 # R R G G B B # 6 F A # 66 F F A A #FFF # F F F F F F w h i t e # 880 # 888800 # 808000 o l i v e # 808000
8 2 r g b ( 100 %, 0 %, 0 %) r g b ( 255, 0, 0 ) # F F 0000 # F 00 r g b ( 100 %, 40 %, 0 %) r g b ( 255, 102, 0 ) # F F 6600 # F 60 r g b ( 100 %, 100 %, 0 %) r g b ( 255, 255, 0 ) # F F F F 00 # F F 0 r g b ( 0 %, 100 %, 0 %) r g b ( 0, 255, 0 ) # 00 F F 00 # 0 F 0 r g b ( 0 %, 0 %, 100 %) r g b ( 0, 0, 255 ) # 0000 F F # 00 F r g b ( 20 %, 0 %, 100 %) r g b ( 51, 0, 255 ) # 3300 F F # 30 F r g b ( 80 %, 0 %, 100 %) r g b ( 204, 0, 255 ) # C C 00 F F # C 0 F r g b ( 0 %, 100 %, 100 %) r g b ( 0, 255, 255 ) # 00 F F F F # 0 F F r g b ( 0 %, 0 %, 0 %) r g b ( 0, 0, 0 ) # 000000 # 000 r g b ( 100 %, 0 %, 100 %) r g b ( 255, 0, 255 ) # F F 00 F F # F 0 F r g b ( 50 %, 50 %, 50 %) r g b ( 128, 128, 128 ) # 808080 r g b ( 0 %, 100 %, 0 %) r g b ( 0, 255, 0 ) # 00 F F 00 # 0 F 0 r g b ( 50 %, 0 %, 0 %) r g b ( 128, 0, 0 ) # 800000 r g b ( 0 %, 0 %, 50 %) r g b ( 0, 0, 128 ) # 000080 r g b ( 50 %, 50 %, 0 %) r g b ( 128, 128, 0 ) # 808000 r g b ( 50 %, 0 %, 50 %) r g b ( 128, 0, 128 ) # 800080 r g b ( 75 %, 75 %, 75 %) r g b ( 192, 192, 192 ) # C 0 C 0 C 0 r g b ( 0 %, 50 %, 50 %) r g b ( 0, 128, 128 ) # 008080 r g b ( 100 %, 100 %, 100 %) r g b ( 255, 255, 255 ) # F F F F F F # F F F r g b ( 20 %, 20 %, 20 %) r g b ( 51, 51, 51 ) # 333333 # 333 r g b ( 100 %, 80 %, 60 %) r g b ( 255, 204, 153 ) # F F C C 99 # F C 9
8 3 20 % 5 1 3 3 0 % 0 0 % r g b ( 40 %, 100 %, 80 %) r g b ( 60 %, 0 %, 0 %) 0 r g b ( 0, 204, 153 ) r g b ( 255, 0, 102 ) 0 0 3 3 6 6 9 9 C C F F # 669933 # 00 C C 66 # F F 00 F F 0 3 6 9 C F # 693 # 0 C 6 # F 0 F i n p t 0
8 4 i n c m m m p t P {font-size: 18pt;} P {font-size: 0.25in;} p c P {font-size: 1.5pc;} 1. 0 i n 0. 5 i n
8 5
8 6 e m P {margin-top: 0.5in;} e m e x p x p x
8 7 e m e x e m e x e m f o n t - s i z e f o n t - s i z e e m e m e m H 1 H 2 H1 {font-size: 24px;} H2 {font-size: 18px;} P {font-size: 12px;} H1, H2, P {margin-left: 1em;} <H1>Left margin = 24 pixels</h1> <H2>Left margin = 18 pixels</h1> <P>Left margin = 12 pixels</p> e m SMALL {font-size: 0.8em;} <P>Although this text is the default size for the user agent, the <SMALL>small-text element</small> within the paragraph has a font size which is 80% the rest of the text in the paragraph.</p>
8 8 e x e x e m e x em ex e m e x 1 e x 0. 5 e m e x
8 9 9 0 p x 1in f o n t - s i z e : 18 p x
9 0 e m p x e x e m e x % H1 {font-size: 18pt;} H1.tall {line-height: 150%;} t a l l H 1 l i n e - h e i g h t l i n e - h e i g h t l i n e - h e i g h t 1. 5 e m
9 1 U R Ls @ i m p o r t url(http://server/pathname) url(pathname) @import url(http://css1.style.org/example.css); BODY {background-image: url(hatch.gif);}
9 2 L I N K <LINK REL="stylesheet" TYPE="text/css" HREF="http://www.waffles.org/styles/basic.css"> @ i m p o r t @import url(special/toppings.css); @ i m p o r t @ i m p o r t @import url(http://www.waffles.org/toppings/special/toppings.css); u r l BODY {background: url(http://www.pix.web/picture1.jpg);} BODY {background: url (images/picture2.jpg);} /* */ /* */
9 3 CSS2 d e g g r a d r a d 90 d e g 1 00 g r a d 1. 57 r a d - 90 d e g 2 70 d e g m s s 1 00 m s 0. 1 s H z m H z 1 0 m H z 1 0 m h z u r l (...)
9 4