CSSÖÐimportºÍlinkµÄÇø±ð
ÍⲿÒýÓÃCSS
ÖÐ link
Óë@import
µÄÇø±ð
ÕâÁ½ÌìдÁËCSSÑùʽ£¬¾ßÌåÑо¿ÁË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
ÊÇCSS
2.1Ìá³öµÄËùÒÔÀϵÄä¯ÀÀÆ÷²»Ö§³Ö£¬@import
Ö»ÓÐÔÚIE5ÒÔÉϵIJÅÄÜʶ±ð£¬¶ølink
±êÇ©ÎÞ´ËÎÊÌâ¡£
* ²î±ð4£ºÊ¹ÓÃdom¿ØÖÆÑùʽʱµÄ²î±ð¡£µ±Ê¹ÓÃjavascript¿ØÖÆdomÈ¥¸Ä±äÑùʽµÄʱºò£¬Ö»ÄÜʹÓÃlink
±êÇ©£¬ÒòΪ@import
²»ÊÇdom¿ÉÒÔ¿ØÖƵġ£
´ÓÉÏÃæµÄ·ÖÎöÀ´¿´£¬»¹ÊÇʹÓÃlink±êÇ©±È½ÏºÃ¡£
Ïà¹ØÎĵµ£º
CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙCSSÎļþµÄ´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òд¼¼Ç ......
J2meÖÐcss½âÎö
×î½ü×öÊÖ»úä¯ÀÀÆ÷ÏîÄ¿ÖеÄCSSÄ£¿é¡£¶Ô½âÎöcssÓÐÁ˸öÕûÌåÈÏʶ¡£ÏÖ×ܽáÈçÏ£º
Ê×ÏÈ£¬¼òµ¥µÄ½éÉÜÏÂCSS £º
CSS Ö¸²ãµþÑùʽ±í (Cascading Style Sheets)
CSS Óï·¨ÓÉÈý²¿·Ö¹¹³É£ºÑ¡ÔñÆ÷¡¢ÊôÐÔºÍÖµ£ºselector {property: value}
Ñ¡ÔñÆ÷ (selector) ͨ³£ÊÇÄãÏ£Íû¶¨ÒåµÄ ......
£¨1£© УÑéHTMLÎĵµ£¬È·±£Óï·¨ÎÞÎó
£¨2£© УÑéÿһ¸öcssÑùʽ±í
a) È·±£°ÑÊʵ±µÄ¶ÈÁ¿µ¥Î»·ÅÔÚ·ÇÁã³ß´çºó£¬²¢ÇÒÔÚµ¥Î»ºÍÊý×ÖÖ®¼äûÓпոñ
b) È·±£Ô ......
Èç¹ûÁé»îÓ¦ÓÃCSS¸÷ÖÖÂ˾µµÄÌØµã²¢¼ÓÒÔ×éºÏ£¬ÎÒÃÇ¿ÉÒԵõ½Ðí¶àÒâÏë²»µ½µÄЧ¹û¡£ÕâÊÇһЩЧ¹ûʾ·¶£¬¹©¸÷λ²Î¿¼¡£
ÍøÒ³ÌØÐ§Abc
ÓÃblurÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: blur(direction=135,strength=8)
ÍøÒ³ÌØÐ§Abc
ÓÃdropshadowÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positi ......
ËäÈ»CSSÑùʽµÄѧϰÐèÒªÎÒÃǶ¯ÊÖ¶àʵ¼ù£¬ÐèÒª¶à×ö°¸Àý£¬Ë¼ÖÂ˼¿¼£¬µ«ÓÐʱºò×¢Òâ×ÊÁϵÄÊÕ¼¯ÓëÕûÀíÒ²ÊǷdz£ÖØÒªµÄ£¬ÔÚʵ¼Ê¿ª·¢ÖÐÍùÍù»áÆðµ½Ê°빦±¶µÄЧ¹û¡£ÏÂÃæÒ»Ð©¹ØÓÚ°´Å¥¡¢Îı¾¿ò¡¢±íµ¥µÄ³£ÓÃCSSÑùʽ¡£´ó¼Ò¿ÉÒԲο¼¡£
Ò»¡¢°´Å¥Ñùʽ
.buttoncss {
font-family: "tahoma", "ËÎÌå" ......