¡¡¡¡
ÕâÁ½Ìì¸ÕдÍêXHTML¼ÓÔØCSSµÄ¼¸ÖÖ·½Ê½£¬ÆäÖÐÍⲿÒýÓÃCSS·ÖΪÁ½ÖÖ·½Ê½linkºÍ@import¡£
±¾ÖÊÉÏ£¬ÕâÁ½ÖÖ·½Ê½¶¼ÊÇΪÁ˼ÓÔØCSSÎļþ£¬µ«»¹ÊÇ´æÔÚ×Åϸ΢µÄ²î±ð¡£
²î±ð1£ºÀÏ׿×ڵIJî±ð¡£linkÊôÓÚXHTML±êÇ©£¬¶ø@importÍêÈ«ÊÇCSSÌṩµÄÒ»ÖÖ·½Ê½¡£
link±êÇ©³ýÁË¿ÉÒÔ¼ÓÔØCSSÍ⣬»¹¿ÉÒÔ×öºÜ¶àÆäËüµÄÊÂÇ飬±ÈÈ綨ÒåRSS£¬¶¨ÒårelÁ¬½ÓÊôÐԵȣ¬@import¾ÍÖ»ÄܼÓÔØCSSÁË¡£
²î±ð2£º¼ÓÔØË³ÐòµÄ²î±ð¡£µ±Ò»¸öÒ³Ãæ±»¼ÓÔØµÄʱºò£¨¾ÍÊDZ»ä¯ÀÀÕßä¯ÀÀµÄʱºò£©£¬linkÒýÓõÄCSS»áͬʱ±»¼ÓÔØ£¬¶ø@importÒýÓõÄCSS»áµÈµ½Ò³ÃæÈ«²¿±»ÏÂÔØÍêÔÙ±»¼ÓÔØ¡£ËùÒÔÓÐʱºòä¯ÀÀ@import¼ÓÔØCSSµÄÒ³ÃæÊ±¿ªÊ¼»áûÓÐÑùʽ£¨¾ÍÊÇÉÁ˸£©£¬ÍøËÙÂýµÄʱºò»¹Í¦Ã÷ÏÔ£¨ÃÎÖ®¶¼¼ÓÔØCSSµÄ·½Ê½¾ÍÊÇʹÓÃ@import£¬ÎÒÒ»±ßÏÂÔØÒ»±ßä¯ÀÀÃÎÖ®¶¼ÍøÒ³Ê±£¬¾Í»á³öÏÖÉÏÊöÎÊÌ⣩¡£
²î±ð3£º¼æÈÝÐԵIJî±ð¡£ÓÉÓÚ@importÊÇCSS2.1Ìá³öµÄËùÒÔÀϵÄä¯ÀÀÆ÷²»Ö§³Ö£¬@importÖ»ÓÐÔÚIE5ÒÔÉϵIJÅÄÜʶ±ð£¬¶ølink±êÇ©ÎÞ´ËÎÊÌâ¡£
²î±ð4£ºÊ¹ÓÃdom¿ØÖÆÑùʽʱµÄ²î±ð¡£µ±Ê¹ÓÃjavascript¿ØÖÆdomÈ¥¸Ä±äÑùʽµÄʱºò£¬Ö»ÄÜʹÓÃlink±êÇ©£¬ÒòΪ@import²»ÊÇdom¿ÉÒÔ¿ØÖƵġ£
´óÖ¾ÍÕ⼸ÖÖ²î±ðÁË£¨Èç¹û»¹ÓÐʲô²î±ð£¬´ó¼Ò¸æËßÎÒ£¬ÎÒÔÙ²¹³äÉÏÈ¥£©£¬ÆäËüµÄ¶¼Ò»Ñù£¬´ÓÉÏÃæµÄ·ÖÎöÀ´¿´£¬»¹ÊÇʹÓÃlink±êÇ©±È½ÏºÃ¡£
±ê×¼ÍøÒ³ÖÆ×÷¼ÓÔØCSSÎļþʱ£¬»¹Ó¦¸ÃÑ¡¶¨Òª¼ÓÔØµÄýÌ壨media£©£¬±ÈÈçscreen£¬print£¬»òÕßÈ«²¿allµÈ¡£Õâ¸öÎÒµ½CSS¸ß¼¶½Ì³ÌÖÐÔÙ¸ø´ó¼Ò½éÉÜ¡£
×¢£º
1£¬ÍøÓÑcomehopeÔÚÁôÑÔÖÐÌá³öÁËÁíÒ»ÖÖÇø±ð¡£
²î±ð5£º@import¿ÉÒÔÔÚcssÖÐÔÙ´ÎÒýÈëÆäËûÑùʽ±í£¬±ÈÈç¿ÉÒÔ´´½¨Ò»¸öÖ÷Ñùʽ±í£¬ÔÚÖ÷Ñùʽ±íÖÐÔÙÒýÈëÆäËûµÄÑùʽ±í£¬È磺
main.css ¡ª¡ª¡ª¡ª¡ª¡ª¡ª- @import ¡°sub1.css¡±; @import ¡°sub2.css¡±; sub1.css ¡ª¡ª¡ª¡ª¡ª¡ª¡ª- p {color:red;} sub2.css ¡ª¡ª¡ª¡ª¡ª¡ª¡ª- .myclass {color:blue}
ÕâÑù¸üÀûÓÚÐ޸ĺÍÀ©Õ¹£®