taotaoysÓ¹È˾Ó

                   ĺ½­Ò÷
                                             °×¾ÓÒ×
            Ò»µÀ²ÐÑôÆÌË®ÖУ¬
            °ë½­ÉªÉª°ë½­ºì¡£
            ¿ÉÁ¯¾ÅÔ³õÈýÔ£¬
            ¶ËÆÕæÖéÔÂËƹ­¡£

                        ɽÐÐ
                                                ¶ÅÄÁ
            Ô¶ÉϺ®É½Ê¯¾¶Ð±£¬
            °×ÔÆÉî´¦ÓÐÈ˼ҡ£             
            Ðгµ×ø°®·çÁÖÍí£¬
            ˪ҶºìÓÚ¶þÔ»¨¡£

                   ·çÇÅÒ¹²´
                                                                                                  ÕżÌ
              ÔÂÂäÎÚÌä˪ÂúÌ죬
              ½­·çÓæ»ð¶Ô³îÃß¡£
              ¹ÃËÕ³ÇÍ⺮ɽË£¬
              Ò¹°ëÖÓÉùµ½¿Í´¬¡£ 

¾­µäCCS·ÖÎöÓë½éÉÜ

 
¡¡¡¡»ù±¾Óï·¨

¡¡¡¡¹æÔò

¡¡¡¡Ñ¡Ôñ·û

¡¡¡¡ÈκÎHTMLÔªËض¼¿ÉÒÔÊÇÒ»¸öCSS1µÄÑ¡Ôñ·û¡£Ñ¡Ôñ·û½ö½öÊÇÖ¸ÏòÌرðÑùʽµÄÔªËØ¡£ÀýÈ磬

¡¡¡¡P { text-indent: 3em }

¡¡¡¡µ±ÖеÄÑ¡Ôñ·ûÊÇP¡£

¡¡¡¡ÀàÑ¡Ôñ·û

¡¡¡¡µ¥Ò»¸öÑ¡Ôñ·ûÄÜÓв»Í¬µÄCLASS(Àà)£¬Òò¶øÔÊÐíͬһԪËØÓв»Í¬Ñùʽ¡£ÀýÈ磬һ¸öÍøÒ³ÖÆ×÷ÕßÒ²ÐíÏ£ÍûÊÓÆäÓïÑÔ¶ø¶¨£¬Óò»Í¬µÄÑÕÉ«ÏÔʾ´úÂë :

¡¡¡¡code.html { color: #191970 }

¡¡¡¡code.css { color: #4b0082 }

¡¡¡¡ÒÔÉϵÄÀý×Ó½¨Á¢ÁËÁ½¸öÀ࣬cssºÍhtml£¬¹©HTMLµÄCODEÔªËØʹÓá£CLASSÊôÐÔÊÇÓÃÓÚÔÚHTMLÖÐÒÔÖ¸Ã÷ÔªËصÄÀ࣬ÀýÈ磬

¡¡¡¡<P CLASS=warning>ÿ¸öÑ¡Ôñ·ûÖ»ÔÊÐíÓÐÒ»¸öÀà¡£

¡¡¡¡ÀýÈ磬code.html.proprietaryÊÇÎÞЧµÄ¡£</p>

¡¡¡¡ÀàµÄÉùÃ÷Ò²¿ÉÒÔÎÞÐëÏà¹ØµÄÔªËØ:

¡¡¡¡.note { font-size: small }

¡¡¡¡ÔÚÕâ¸öÀý×Ó£¬ÃûΪnoteµÄÀà¿ÉÒÔ±»ÓÃÓÚÈκÎÔªËØ¡£

¡¡¡¡Ò»¸öÁ¼ºÃµÄÏ°¹ßÊÇÔÚÃüÃûÀàµÄʱºò£¬¸ù¾ÝËüÃǵŦÄܶø²»ÊǸù¾ÝËüÃǵÄÍâ¹Û¡£ÉÏÊöÀý×ÓÖеÄnoteÀàÒ²¿ÉÒÔÃüÃûΪsmall£¬µ«Èç¹ûÍøÒ³ÖÆ×÷Õß¾ö¶¨¸Ä±äÕâ¸öÀàµÄÑùʽ£¬Ê¹µÃËü²»ÔÙÊÇС×ÖÌåµÄ»°£¬ÄÇôÕâ¸öÃû×־ͱäµÃºÁÎÞÒâÒåÁË¡£

¡¡¡¡ID Ñ¡Ôñ·û

¡¡¡¡ID Ñ¡Ôñ·û¸ö±ðµØ¶¨Òåÿ¸öÔªËصijɷ֡£ÕâÖÖÑ¡Ôñ·ûÓ¦¸Ã¾¡Á¿ÉÙÓã¬ÒòΪËû¾ßÓÐÒ»¶¨µÄ¾ÖÏÞ¡£Ò»¸öIDÑ¡Ôñ·ûµÄÖ¸¶¨ÒªÓÐָʾ·û"#"ÔÚÃû×ÖÇ°Ãæ¡£ÀýÈ磬IDÑ¡Ôñ·û¿ÉÒÔÖ¸¶¨ÈçÏÂ:

¡¡¡¡#svp94O { text-indent: 3em }

¡¡¡¡Õâµã¿ÉÒԲο¼HTMLÖеÄIDÊôÐÔ:

¡¡¡¡<P ID=svp94O>Îı¾Ëõ½ø3em</P>

¡¡¡¡¹ØÁªÑ¡Ôñ·û

¡¡¡¡¹ØÁªÑ¡Ôñ·ûÖ»²»¹ýÊÇÒ»¸öÓÿոñ¸ô¿ªµÄÁ½¸ö»ò¸ü¶àµÄµ¥Ò»Ñ¡Ôñ·û×é³ÉµÄ×Ö·û´®¡£ÕâЩѡÔñ·û¿ÉÒÔÖ¸¶¨Ò»°ãÊôÐÔ£¬¶øÇÒÒòΪ²ãµþ˳ÐòµÄ¹æÔò£¬ËüÃǵÄÓÅÏÈȨ±Èµ¥Ò»µÄÑ¡Ôñ·û´ó¡£ÀýÈ磬 ÒÔϵÄÉÏÏÂÎÄÑ¡Ôñ·û

¡¡¡¡P EM { background: yellow }

¡¡¡¡ÊÇP EM¡£Õâ¸öÖµ±íʾ¶ÎÂäÖеÄÇ¿µ÷Îı¾»áÊÇ»ÆÉ«±³¾°£»¶ø±êÌâµÄÇ¿µ÷Îı¾Ôò²»ÊÜÓ°Ïì¡£

¡¡¡¡ÉùÃ÷

¡¡¡¡ÊôÐÔ

¡¡¡¡Ò»¸öÊôÐÔ±»Ö¸¶¨µ½Ñ¡Ôñ·ûÊÇΪÁËʹÓÃËüµÄÑùʽ¡£ÊôÐÔµÄÀý×Ó°üÀ¨ÑÕÉ«¡¢±ß½çºÍ×ÖÌå¡£

¡¡¡¡Öµ

¡¡¡¡ÉùÃ÷µÄÖµÊÇÒ»¸öÊôÐÔ½ÓÊܵÄÖ¸¶¨¡£ÀýÈ磬ÊôÐÔÑÕÉ«ÄܽÓÊÜÖµred¡£

¡¡¡¡×éºÏ

¡¡¡¡ÎªÁ˼õÉÙÑùʽ±íµÄÖظ´ÉùÃ÷£¬×éºÏµÄÑ¡Ôñ·ûÉùÃ÷ÊÇÔÊÐíµÄ¡£ÀýÈ磬ÎĵµÖÐËùÓеıêÌâ¿ÉÒÔͨ¹ý×éºÏ¸ø³öÏàͬµÄÉùÃ÷:

¡¡¡¡H1, H2, H3, H4, H5, H6 {

¡¡¡¡color: red;

¡¡¡¡font-family: sans-serif }

¡¡¡¡¼Ì³Ð

¡¡¡¡Êµ¼ÊÉÏ£¬ËùÓÐÔÚÑ¡Ôñ·ûÖÐǶÌ×µÄÑ¡Ôñ·û¶¼»á¼Ì³ÐÍâ²ãÑ¡Ôñ·ûÖ¸¶¨µÄÊôÐÔÖµ£¬³ý·ÇÁíÍâ¸ü¸Ä¡£ÀýÈ磬һ¸öBODY¶¨ÒåÁ˵ÄÑÕÉ«ÖµÒ²»áÓ¦Óõ½¶ÎÂäµÄÎı¾ÖС£

¡¡¡¡ÓÐЩÇé¿öÊÇÄÚ²¿Ñ¡Ôñ·û²»¼Ì³ÐÖÜΧµÄÑ¡Ôñ·ûµÄÖµ£¬µ«ÀíÂÛÉÏÕâЩ¶¼ÊÇÌØÊâµÄ¡£ÀýÈ磬Éϱ߽çÊôÐÔÊDz»»á¼Ì³ÐµÄ£»Ö±¾õÉÏ£¬Ò»¸ö¶ÎÂä²»»áÓÐͬÎĵµBODYÒ»ÑùµÄÉϱ߽çÖµ¡£

¡¡¡¡×¢½â

¡¡¡¡Ñùʽ±íÀïÃæµÄ×¢½âʹÓÃCÓïÑÔ±à³ÌÖÐÒ»ÑùµÄÔ¼¶¨·½·¨È¥Ö¸¶¨¡£CSS1×¢½âµÄÀý×ÓÈçÒÔϸñʽ:

¡¡¡¡/* COMMENTS CANNOT BE NESTED */

¡¡¡¡Î±ÀàºÍαԪËØ

¡¡¡¡Î±ÀàºÍαԪËØÊÇÌØÊâµÄÀàºÍÔªËØ£¬ÄÜ×Ô¶¯µØ±»Ö§³ÖCSSµÄä¯ÀÀÆ÷Ëùʶ±ð¡£Î±ÀàÇø±ð¿ª²»Í¬ÖÖÀàµÄÔªËØ(ÀýÈ磬visited links(ÒÑ·ÃÎʵÄÁ¬½Ó)ºÍactive links(¿É¼¤»îÁ¬½Ó)ÃèÊöÁËÁ½¸ö¶¨Î»Ãª(anchors)µÄÀàÐÍ)¡£Î±ÔªËØÖ¸ÔªËصÄÒ»²¿·Ö£¬ÀýÈç¶ÎÂäµÄµÚÒ»¸ö×Öĸ¡£

¡¡¡¡Î±Àà»òαԪËعæÔòµÄʽÈç

¡¡¡¡Ñ¡Ôñ·û:αÀà { ÊôÐÔ: Öµ }

¡¡¡¡»ò

¡¡¡¡Ñ¡Ôñ·û:αԪËØ { ÊôÐÔ: Öµ }

¡¡¡¡Î±ÀàºÍαԪËز»Ó¦ÓÃHTMLµÄCLASSÊôÐÔÀ´Ö¸¶¨¡£Ò»°ãµÄÀà¿ÉÒÔÓëαÀàºÍαԪËØÒ»ÆðʹÓã¬ÈçÏÂ:

¡¡¡¡Ñ¡Ôñ·û.Àà: αÀà { ÊôÐÔ: Öµ }

¡¡¡¡»ò

¡¡¡¡Ñ¡Ôñ·û.Àà: αԪËØ { ÊôÐÔ: Öµ }

¡¡¡¡¶¨Î»ÃªÎ±Àà

¡¡¡¡Î±Àà¿ÉÒÔÖ¸¶¨AÔªËØÒÔ²»Í¬µÄ·½Ê½ÏÔʾÁ¬½Ó(links)¡¢ÒÑ·ÃÎÊÁ¬½Ó(visited links)ºÍ¿É¼¤»îÁ¬½Ó(active links)¡£¶¨Î»ÃªÔªËؿɸø³öαÀàlink¡¢visited»òactive¡£Ò»¸öÒÑ·ÃÎÊÁ¬½Ó¿ÉÒÔ¶¨ÒåΪ²»Í¬ÑÕÉ«µÄÏÔʾ£¬ÉõÖÁ²»Í¬×ÖÌå´óСºÍ·ç¸ñ¡£

¡¡¡¡Ò»¸öÓÐȤµÄЧ¹ûÊÇʹµ±Ç°(»ò¡°¿É¼¤»î¡±)Á¬½ÓÒÔ²»Í¬ÑÕÉ«¡¢¸ü´óµÄ×ÖÌåÏÔʾ¡£È»ºó£¬µ±ÍøÒ³µÄÒÑ·ÃÎÊÁ¬½Ó±»ÖØѡʱ£¬ÓÖÒÔ²»Í¬ÑÕÉ«¡¢¸üС×ÖÌåÏÔʾ¡£Õâ¸öÑùʽ±íµÄʾÀýÈçÏÂ:

¡¡¡¡A:link { color: red }

¡¡¡¡A:active { color: blue; font-size: 125% }

¡¡¡¡A:visited { color: green; font-size: 85% }

¡¡¡¡Ê×ÐÐαԪËØ

¡¡¡¡Í¨³£ÔÚ±¨Ö½ÉϵÄÎÄÕ£¬ÀýÈçWall Street JournalÖеģ¬Îı¾µÄÊ×Ðж¼»áÒÔ´ÖÓ¡Ìå¶øÇÒÈ«²¿´óдµØչʾ¡£CSS1°üÀ¨ÁËÕâ¸ö¹¦ÄÜ£¬½«Æä×÷Ϊһ¸öαԪËØ¡£Ê×ÐÐαԪËØ¿ÉÒÔÓÃÓÚÈκο鼶ԪËØ(ÀýÈçP¡¢H1µÈµÈ)¡£ÒÔÏÂÊÇÒ»¸öÊ×ÐÐαԪËصÄÀý×Ó:

¡¡¡¡P:first-line {

¡¡¡¡font-variant: small-caps;

¡¡¡¡font-weight: bold }

¡¡¡¡Ê׸ö×ÖĸαԪËØ

¡¡¡¡Ê׸ö×ÖĸαԪËØÓÃÓÚ¼Ó´ó(drop caps)ºÍÆäËûЧ¹û¡£º¬ÓÐÒÑÖ¸¶¨ÖµÑ¡Ôñ·ûµÄÎı¾µÄÊ׸ö×Öĸ»á°´ÕÕÖ¸¶¨µÄֵչʾ¡£Ò»¸öÊ׸ö×ÖĸαԪËØ¿ÉÒÔÓÃÓÚÈκο鼶ԪËØ¡£ÀýÈç:

¡¡¡¡P:first-letter { font-size: 300%; float: left }

¡¡¡¡»á±ÈÆÕͨ×ÖÌå¼Ó´óÈý±¶¡£

¡¡¡¡²ãµþ˳Ðò

¡¡¡¡µ±Ê¹ÓÃÁ˶à¸öÑùʽ±í£¬Ñùʽ±íÐèÒªÕù¶áÌض¨Ñ¡Ôñ·ûµÄ¿ØÖÆȨ¡£ÔÚÕâЩÇé¿öÏ£¬×Ü»áÓÐÑùʽ±íµÄ¹æÔòÄÜ»ñµÃ¿ØÖÆȨ¡£ÒÔϵÄÌØÐÔ½«¾ö¶¨»¥Ïà¶ÔÁ¢µÄÑùʽ±íµÄ½á¹û¡£

¡¡¡¡! important

¡¡¡¡¹æÔò¿ÉÒÔÓÃÖ¸¶¨µÄ! important ÌØָΪÖØÒªµÄ¡£Ò»¸öÌØָΪÖØÒªµÄÑùʽ»áÁè¼ÝÓÚÓëÖ®¶ÔÁ¢µÄÆäËüÏàͬȨÖصÄÑùʽ¡£Í¬ÑùµØ£¬µ±ÍøÒ³ÖÆ×÷ÕߺͶÁÕ߶¼Ö¸¶¨ÁËÖØÒª¹æÔòʱ£¬ÍøÒ³ÖÆ×÷ÕߵĹæÔò»á³¬Ô½¶ÁÕߵġ£ÒÔÏÂÊÇ! important ÉùÃ÷µÄÀý×Ó:

¡¡¡¡BODY { background: url(bar.gif) white;

¡¡¡¡background-repeat: repeat-x ! important }

¡¡¡¡Origin of Rules (Author's vs. Reader's)

¡¡¡¡ÕýÈçÒÔÇ°ËùÌá¼°µÄ£¬ÍøÒ³ÖÆ×÷ÕߺͶÁÕ߶¼ÓÐÄÜÁ¦È¥Ö¸¶¨Ñùʽ±í¡£µ±Á½ÕߵĹæÔò·¢Éú³åÍ»£¬ÍøÒ³ÖÆ×÷ÕߵĹæÔò»áÁè¼ÝÓÚ¶ÁÕßµÄÆäËüÏàͬȨÖصĹæÔò¡£¶øÍøÒ³ÖÆ×÷ÕߺͶÁÕßµÄÑùʽ±í¶¼³¬Ô½ä¯ÀÀÆ÷µÄÄÚÖÃÑùʽ±í¡£

¡¡¡¡ÍøÒ³ÖÆ×÷ÕßÓ¦¸ÃСÐĵØʹÓÃ! important ¹æÔò£¬ÒòΪËüÃǻᳬԽÓû§ÈκεÄ! important ¹æÔò¡£ÀýÈ磬һ¸öÓû§ÓÉÓÚÊÓ¾õ¹Øϵ£¬»áÒªÇó´ó×ÖÌå»òÖ¸¶¨µÄÑÕÉ«£¬¶øÇÒÕâÑùµÄÓû§»áÓпÉÄÜÉùÃ÷È·¶¨µÄÑùʽ¹æÔòΪ! important£¬ÒòΪÕâЩÑùʽ¶ÔÓÚÓû§ÔĶÁÍøÒ³ÊǼ«ÎªÖØÒªµÄ¡£ÈκεÄ! important ¹æÔò»á³¬Ô½Ò»°ãµÄ¹æÔò£¬ËùÒÔ½¨ÒéÍøÒ³ÖÆ×÷ÕßʹÓÃÒ»°ãµÄ¹æÔòÒÔÈ·±£ÓÐÌØÊâÑùʽÐèÒªµÄÓû§ÄÜÔĶÁÍøÒ³¡£

¡¡¡¡Ñ¡Ôñ·û¹æÔò: ¼ÆËãÌØÐÔ

¡¡¡¡»ùÓÚËüÃǵÄÌØÐÔ¼¶±ð£¬Ñùʽ±íÒ²¿ÉÒÔ³¬Ô½ÓëÖ®³åÍ»µÄÑùʽ±í£¬Ò»¸ö½Ï¸ßÌØÐÔµÄÑùʽÓÀÔ¶¶¼Áè¼ÝÓÚÒ»¸ö½ÏµÍÌØÐÔµÄÑùʽ¡£ÕâÖ»²»¹ýÊǼÆËãÑ¡Ôñ·ûµÄÖ¸¶¨¸öÊýµÄÒ»¸öͳ¼ÆÓÎÏ·¡£

¡¡¡¡Í³¼ÆÑ¡Ôñ·ûÖеÄIDÊôÐÔ¸öÊý¡£

¡¡¡¡Í³¼ÆÑ¡Ôñ·ûÖеÄCLASSÊôÐÔ¸öÊý¡£

¡¡¡¡Í³¼ÆÑ¡Ôñ·ûÖеÄHTML±ê¼ÇÃû¸ñʽ¡£

¡¡¡¡×îºó£¬°´ÕýÈ·µÄ˳Ðòд³öÈý¸öÊý×Ö£¬²»Òª¼Ó¿Õ¸ñ»ò¶ººÅ£¬µÃµ½Ò»¸öÈýλÊý¡£( ×¢Ò⣬ÄãÐèÒª½«Êý×Öת»»³ÉÒ»¸öÒÔÈý¸öÊý×Ö½áβµÄ¸ü´óµÄÊý¡£)ÏàÓ¦ÓÚÑ¡Ôñ·ûµÄ×îÖÕÊý×ÖÁбí¿ÉÒÔºÜÈÝÒ×È·¶¨½Ï¸ßÊý×ÖÌØÐÔÁè¼ÝÓڽϵÍÊý×ֵġ£ÒÔÏÂÊÇÒ»¸ö°´ÌØÐÔ·ÖÀàµÄÑ¡Ôñ·ûµÄÁбí:

¡¡¡¡#id1 {xxx} /* a=1 b=0 c=0 --> ÌØÐÔ = 100 */

¡¡¡¡UL UL LI.red {xxx} /* a=0 b=1 c=3 --> ÌØÐÔ = 013 */

¡¡¡¡LI.red {xxx} /* a=0 b=1 c=1 --> ÌØÐÔ = 011 */

¡¡¡¡LI {xxx} /* a=0 b=0 c=1 --> ÌØÐÔ = 001 */

¡¡¡¡ÌØÐÔµÄ˳Ðò

¡¡¡¡ÎªÁË·½±ãʹÓ㬵±Á½¸ö¹æÔò¾ßͬÑùȨÖØʱ£¬È¡ºóÃæ

 
 
 
 
¡¡¡¡Óкܶ෽·¨½«Ñùʽ±í¼ÓÈëµ½HTMLÖУ¬Ã¿¸ö¶¼´øÓÐ×Ô¼ºµÄÓŵãºÍȱµã¡£ÐµÄHTMLÔªËغÍÊôÐÔÒѱ»¼ÓÈëÒÔÔÊÐíÑùʽ±íÓëHTMLÎĵµ¸ü¼òÒ×µØ×éºÏÆðÀ´¡£

¡¡¡¡Á¬½Óµ½Ò»¸öÍⲿµÄÑùʽ±í

¡¡¡¡Ç¶ÈëÒ»¸öÑùʽ±í

¡¡¡¡ÊäÈëÒ»¸öÑùʽ±í

¡¡¡¡ÄÚÁªÑùʽ

¡¡¡¡CLASSÊôÐÔ

¡¡¡¡IDÊôÐÔ

¡¡¡¡SPANÔªËØ

¡¡¡¡DIVÔªËØ

¡¡¡¡¹ØÓÚÈÏÖ¤µÄ±¸×¢

¡¡¡¡--------------------------------------------------------------------------------

¡¡¡¡Á¬½Óµ½Ò»¸öÍⲿµÄÑùʽ±í

¡¡¡¡Ò»¸öÍⲿµÄÑùʽ±í¿ÉÒÔͨ¹ýHTMLµÄLINKÔªËØÁ¬½Óµ½HTMLÎĵµÖÐ:

¡¡¡¡<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>

¡¡¡¡<LINK REL=StyleSheet HREF="color-8b.css" TYPE="text/css" TITLE="8-bit Color Style" MEDIA="screen, print">

¡¡¡¡<LINK REL="Alternate StyleSheet" HREF="color-24b.css" TYPE="text/css" TITLE="24-bit Color Style" MEDIA="screen, print">

¡¡¡¡<LINK REL=StyleSheet HREF="aural.css" TYPE="text/css" MEDIA=aural>

¡¡¡¡<LINK>±ê¼ÇÊÇ·ÅÖÃÔÚÎĵµµÄHEAD²¿·Ö¡£¿ÉÑ¡µÄTYPEÊôÐÔÓÃÓÚÖ¸¶¨Ã½ÌåÀàÐÍ--text/cssÊÇÒ»¸ö²ãµþÑùʽ±í--ÔÊÐíä¯ÀÀÆ÷ºöÂÔËüÃDz»Ö§³ÖµÄÑùʽ±íÀàÐÍ¡£ÎªCSSÎļþÅäÖ÷þÎñÆ÷¶ø½«text/cssµ±×÷Content-typeÄÚÈÝ·¢ËͳöÈ¥Ò²ÊÇÒ»¸öºÃ×¢Òâ¡£

¡¡¡¡ÍⲿÑùʽ±í²»Äܺ¬ÓÐÈκÎÏñ<HEAD>»ò<STYLE>ÕâÑùµÄHTMLµÄ±ê¼Ç¡£Ñùʽ±í½ö½öÓÉÑùʽ¹æÔò»òÉùÃ÷×é³É¡£Ò»¸öµ¥¶ÀÓÉ

¡¡¡¡P { margin: 2em }

¡¡¡¡×é³ÉµÄÎļþ¾Í¿ÉÒÔÓÃ×÷ÍⲿÑùʽ±íÁË¡£

¡¡¡¡<LINK>±ê¼ÇÒ²ÓÐÒ»¸ö¿ÉÑ¡µÄMEDIAÊôÐÔ£¬ÓÃÓÚÖ¸¶¨Ñùʽ±í±»½ÓÊܵĽéÖÊ»òýÌå¡£ÔÊÐíµÄÖµÓÐ

¡¡¡¡screen (ȱʡֵ)£¬Ìá½»µ½¼ÆËã»úÆÁÄ»£»

¡¡¡¡print£¬ Êä³öµ½´òÓ¡»ú£»

¡¡¡¡projection£¬Ìá½»µ½Í¶Ó°»ú£»

¡¡¡¡aural£¬ÑïÉùÆ÷£»

¡¡¡¡braille£¬Ìá½»µ½Í¹×Ö´¥¾õ¸ÐÖªÉ豸£»

¡¡¡¡tty£¬µç´«´ò×Ö»ú (ʹÓù̶¨µÄ×ÖÌå)£»

¡¡¡¡tv£¬µçÊÓ»ú£»

¡¡¡¡all£¬ËùÓÐÊä³öÉ豸¡£

¡¡¡¡¶àÑùµÄýÌåͨ¹ýÓöººÅ¸ô¿ªµÄÁбí»òÖµallÖ¸¶¨¡£

¡¡¡¡Netscape Navigator 4.x ´íÎóµØºöÂÔ³ýÁËscreenÖµÍâµÄÈκÎʹÓÃMEDIAÖµÉùÃ÷µÄÁ¬½Ó»òǶÈëÑùʽ±í¡£ÀýÈ磬MEDIA="screen,projection"»áÁîµ½Ñùʽ±í±»Navigator 4.xºöÂÔ£¬¾¡¹ÜչʾµÄÉ豸ÊǼÆËã»úµÄÆÁÄ»¡£Navigator 4.x Ò²ºöÂÔʹÓÃMEDIA=allÉùÃ÷µÄÑùʽ±í¡£

¡¡¡¡RELÊôÐÔÓÃÓÚ¶¨ÒåÁ¬½ÓµÄÎļþºÍHTMLÎĵµÖ®¼äµÄ¹Øϵ¡£REL=StyleSheetÖ¸¶¨Ò»¸ö¹Ì¶¨»òÊ×Ñ¡µÄÑùʽ¶øREL="Alternate StyleSheet"¶¨ÒåÒ»¸ö½»»¥Ñùʽ¡£¹Ì¶¨ÑùʽÔÚÑùʽ±í¼¤»îʱ×ܱ»Ó¦Óá£È±ÉÙµÄTITLEÊôÐÔ£¬¾ÍÏñÀý×ÓÖеĵÚÒ»¸ö<LINK>±ê¼Ç£¬¶¨ÒåÒ»¸ö¹Ì¶¨Ñùʽ¡£

¡¡¡¡Ò»¸öÊ×Ñ¡Ñùʽ»á×Ô¶¯±»Ó¦Ó㬾ÍÏñÀý×ÓÖеĵڶþ¸ö<LINK>±ê¼Ç¡£REL=StyleSheetºÍÒ»¸öTITLEÊôÐÔµÄ×éºÏÖ¸¶¨Ò»¸öÊ×Ñ¡µÄÑùʽ¡£ÍøÒ³ÖÆ×÷Õß²»ÄÜÖ¸¶¨¶àÓÚÒ»¸öµÄÊ×Ñ¡Ñùʽ¡£

¡¡¡¡½»»¥Ñùʽͨ¹ýREL="Alternate StyleSheet"Ö¸³ö¡£Àý×ÓÖеĵÚÈý¸ö<LINK>±ê¼Ç¶¨ÒåÒ»¸ö½»»¥Ñùʽ£¬Óû§¿ÉÒÔÑ¡ÔñÓÃÀ´´úÌæÊ×Ñ¡Ñùʽ±í¡£

¡¡¡¡×¢ÒâÏÖÔÚµÄä¯ÀÀÆ÷Ò»°ã¶¼È±·¦Ñ¡Ôñ½»»¥ÑùʽµÄÄÜÁ¦¡£

¡¡¡¡µ¥Ò»µÄÑùʽҲ¿ÉÒÔͨ¹ý¶à¸öÑùʽ±í¸ø³ö

¡¡¡¡<LINK REL=StyleSheet HREF="basics.css" TITLE="Contemporary">

¡¡¡¡<LINK REL=StyleSheet HREF="tables.css" TITLE="Contemporary">

¡¡¡¡<LINK REL=StyleSheet HREF="forms.css" TITLE="Contemporary">

¡¡¡¡ÔÚÕâ¸öÀý×ÓÖУ¬Èý¸öÑùʽ±í×éºÏ³ÉÒ»¸ö"Contemporary"Ñùʽ£¬×÷Ϊһ¸öÊ×Ñ¡Ñùʽ±í±»Ó¦Óá£Òª×éºÏ¶à¸öÑùʽ±í³ÉÒ»¸öµ¥Ò»Ñùʽ£¬±ØÐëÔÚÿ¸öÑùʽ±íÖÐʹÓÃÏàͬTITLE¡£

¡¡¡¡µ±Ñùʽ±»Ó¦Óõ½ºÜ¶àµÄÍøҳʱ£¬Ò»¸öÍⲿÑùʽ±íÊÇÀíÏëµÄ¡£ÍøÒ³ÖÆ×÷ÕßʹÓÃÍⲿÑùʽ±í¿ÉÒԸıäÕû¸öÍøÕ¾µÄÍâ¹Û¶ø½ö½öͨ¹ý¸Ä±äÒ»¸öÎļþ¡£Í¬ÑùµÄ£¬´ó¶àÊýä¯ÀÀÆ÷»á±£´æÍⲿÑùʽ±íÔÚ»º³åÇø£¬´Ó¶øÈç¹ûÑùʽ±íÔÚ»º³åÇø¾Í±ÜÃâÁËÔÚչʾÍøҳʱµÄÑÓ³Ù¡£

¡¡¡¡Microsoft Internet Explorer 3 for Windows 95/NT4²¢²»Ö§³ÖÀ´×ÔÁ¬½ÓµÄÑùʽ±íÖеÄBODY ±³¾°Í¼Ïó»òÑÕÉ«¡£Èç¹û¿¼Âǵ½Õâ¸ö´íÎó£¬ÍøÒ³ÖÆ×÷Õß²»·ÁÌṩÁíÍâµÄ°üÀ¨Ò»¸ö±³¾°Í¼Ïó»òÑÕÉ«µÄ½á¹¹£¬ÀýÈçǶÈë»òÄÚÁªÑùʽ£¬»òʹÓÃBODYÔªËصÄBACKGROUNDÊôÐÔ¡£

¡¡¡¡--------------------------------------------------------------------------------

¡¡¡¡Ç¶ÈëÒ»¸öÑùʽ±í

¡¡¡¡Ò»¸öÑùʽ±í¿ÉÒÔʹÓÃSTYLEÔªËØÔÚÎĵµÖÐǶÈë:

¡¡¡¡<STYLE TYPE="text/css" MEDIA=screen>

¡¡¡¡<!--

¡¡¡¡BODY { background: url(foo.gif) red; color: black }

¡¡¡¡P EM { background: yellow; color: black }

¡¡¡¡.note { margin-left: 5em; margin-right: 5em }

¡¡¡¡-->

¡¡¡¡</STYLE>

¡¡¡¡STYLEÔªËØ·ÅÔÚÎĵµµÄHEAD²¿·Ö¡£±ØÐëµÄTYPEÊôÐÔÓÃÓÚÖ¸¶¨Ã½ÌåÀàÐÍ£¬LINKÔªËØÒ²Ò»Ñù¡£Í¬ÑùµØ£¬TITLEºÍMEDIAÊôÐÔÒ²¿ÉÒÔÓÃSTYLEÖ¸¶¨¡£

¡¡¡¡¾É°æ±¾µÄä¯ÀÀÆ÷£¬²¢²»ÄÜʶ±ðSTYLEÔªËØ£¬»á½«Æäµ±×÷BODYµÄÒ»²¿·ÖÕÕ³£Õ¹Ê¾ÆäÄÚÈÝ£¬´Ó¶øʹÕâЩÑùʽ±í¶ÔÓû§ÊǿɼûµÄ¡£Òª·ÀÖ¹ÕâÑù×ö£¬STYLEÔªËصÄÄÚÈÝÒª°üº¬Ò»¸öSGML×¢½â(<!-- comment -->)ÔÚÀïÃ棬ÏñÉÏÊöÀý×ÓÄÇÑù¡£

¡¡¡¡Ç¶ÈëµÄÑùʽ±í¿ÉÓÃÓÚµ±Ò»¸öÎĵµ¾ßÓжÀÒ»ÎÞ¶þµÄÑùʽµÄʱºò¡£Èç¹û¶à¸öÎĵµ¶¼Ê¹ÓÃͬһÑùʽ£¬Ä