css¾ºÕù¹æÔò
¾ºÕù¹æÔò£ºcssÔÊÐí¶à´Î½«Í¬Ò»¸ö¹æÔò¸³Óèij¸öÔªËØ¡£²ãµþÅÅÐò¸ù¾Ý¹æÔòÖÐʹÓõÄÑ¡Ôñ·û½«¹æÔò»®·Ö6×飬¸ßÓÅÏȼ¶×éÀïµÄ¹æÔò»á¸²¸ÇµÍÓÅÏȼ¶×éÀïµÄ¹æÔò¡£ÆÕͨµÄÑ¡Ôñ·û»áÉèÖÃÎĵµµÄ×ÜÌåÑùʽ£¬¸ü¾ßÌåµÄÑ¡Ôñ·û»á¸²¸ÇÆÕͨѡÔñ·û£¬ÒÔΪÆäÌṩ¸ü¼ÓÌØÊâµÄÑùʽ
6¸öÑ¡Ôñ·ûȺ×飺
1. ʹÓÃ!important¹æÔòȺ×éÓµÓÐ×î¸ßÓÅÏȼ¶£¬ËûÃǻḲ¸ÇµôËùÓзÇ!important¹æÔò
#i100 {border:6px solid black !important;}
2. ÓÅÏȼ¶µÚ¶þ¸ßµÄȺ×éÊÇÖ¸ÄÇЩǶÔÚstyleÊôÐÔÀïÃæµÄ¹æÔò¡£ÒòΪʹÓÃstyleÊôÐÔ»áÔö¼Ó´úÂëµÄά»¤ÄѶȣ¬²»½¨ÒéʹÓÃ
3. ÓÅÏȼ¶µÚÈý¸ßµÄȺ×éÊÇÖ¸º¬ÓÐÒ»¸ö»ò¶à¸öIDÑ¡Ôñ·ûµÄ¹æÔò£¬Èç #i100 {border:6px solid black }»á¸²¸Ç*.c100{border:4px solid black}
4. ÓÅÏȼ¶µÚËĸߵÄȺ×éÊÇÖ¸º¬ÓÐÒ»¸ö»ò¶à¸öÀ࣬ÊôÐÔ»ò僞ÀàÑ¡Ôñ·ûµÄ¹æÔò£¬Èç*.c100{border:4px solid black}»á¸²¸Çdiv{border solid black}
5. ÓÅÏȼ¶µÚÎå¸ßµÄȺ×éÊǺ¬ÓÐÒ»¸ö»ò¶à¸öÔªËØÑ¡Ôñ·ûµÄ¹æÔò£¬Èçdiv{border:2px solid black}»á¸²¸Ç *{ border:0px solid black}
6. ÓÅÏȼ¶×îµÍµÄÊÇÖ»ÓÐͨÅä·ûµÄ¹æÔò
µ±¾ºÕù¹æÔòÊôÓÚͬһ¸öÑ¡Ôñ·ûȺ×éʱ£¬»á°´ÕÕÑ¡Ôñ·ûµÄÖÖÀàºÍÊýÁ¿¶ÔÆä½øÐÐÓÅÏȼ¶ÅÅÐò£¬µ±Ñ¡Ôñ·ûÓиßÓÅÏȼ¶Ñ¡Ôñ·û¶àÓÚËüµÄ¾ºÕùÑ¡Ôñ·û£¬Ëü½«»ñµÃ¸ü¸ßµÄÓÅÏȼ¶¡£Èç#i00 *.c20 *.c10{}ÓÅÏȼ¶¸ßÓÚ#i100 *.c10 div p span{}
µ±¾ºÕù¹æÔòλÓÚͬһѡÔñ·ûȺ×é²¢ÓµÓÐͬÑùµÈ¼¶ºÍÊýÁ¿µÄÑ¡Ôñ·ûʱ£¬ËûÃǵÄÓÅÏȼ¶°´Ëù´¦Î»ÖÃÀ´ÅÅ£¬ÒÔÏÂ6¸öλÖÃȺ×é°´´Ó¸ßµ½µÍÓÅÏȼ¶Ë³ÐòÅÅÁУº
1. ×î¸ßÓÅÏȼ¶Î»ÖÃΪhtmlÎĵµÍ·²¿ÖеÄ<style>ÔªËØ
2. µÚ¶þ¸ßÊÇͨ¹ý<style>ÔªËØÀïµÄ@importÓï¾äÀ´ÒýÈëµÄÑùʽ±í
3. µÚÈý¸ßÊÇͨ¹ý<link>ÔªËØÀ´Á´½ÓµÄÑùʽ±í
4. µÚËĸßÊÇͨ¹ý<link>Á´½ÓµÄÑùʽ±íͨ¹ý@importÓï¾äÒýÈëµÄÑùʽ±í
5. µÚÎå¸ßÊÇÓÉÖÕ¶ËÓû§°ó¶¨µÄÑùʽ±í£¬³ý·ÇʹÓÃÁË£¡important
6. ×îµÍÓÅÏȼ¶ÊÇä¯ÀÀÆ÷ÌṩµÄĬÈÏÑù
Ïà¹ØÎĵµ£º
ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊDZȽϳ£¼ûµÄÎÊÌ⣬ÏÂÃæÌṩһ¸ö±È½Ï¼òµ¥µÄ½â¾ö·½·¨£º
div img {
max-width:600px;
//IE7¡¢FFµÈÆäËû·ÇIEä¯ÀÀÆ÷ÏÂ×î´ó¿í¶ÈΪ600px;
width:600px;
//ËùÓÐä¯ÀÀÆ÷ÖÐͼƬµÄ´óСΪ600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//µ±Í¼Æ¬´óС´óÓÚ6 ......
CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙCSSÎļþµÄ´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òд¼¼Ç ......
!importantÓï·¨Õë¶ÔµÄÊÇ“ºóÃæµÄÊôÐÔ¸²¸ÇÇ°ÃæµÄÊôÐÔ”ÕâÒ»Óï·¨£¬Ò²¾ÍÊÇ˵±êʶÁË!importantµÄÊôÐÔ£¬ÊDz»±»ºóÃæµÄÏàͬÊôÐÔËù¸²¸ÇµÄ£¬¶øIE6²»ÈÏʶÕâ¸ö£¬µ¼ÖÂÆäËûä¯ÀÀÆ÷ºÜÈÝÒ׸ù¾ÝÕâµã“ÆÛ¸º”IE6£º
div{¡¡
¡¡¡¡¡¡¡¡text-decoration:overline;¡¡
¡¡¡¡¡¡¡¡*text-decoration:line-through!important;¡¡
¡ ......
Àý×Ó£º<span style="cursor:*">Îı¾»òÆäËüÒ³ÃæÔªËØ</span> <a href="#" style="cursor:*">Îı¾»òÆäËüÒ³ÃæÔªËØ</a> ×¢Òâ°Ñ * »»³ÉÈçÏÂ15¸öЧ¹ûµÄÒ»ÖÖ£º
ÏÂÃæÊǶÔÕâ15ÖÖЧ¹ûµÄ½âÊÍ¡£Òƶ¯Êó±êµ½½âÊÍÉÏÃæ£¬¿´¿´ÄãµÄÊó±êÆðÁËʲô±ä»¯°É£¡
handÊÇÊÖÐÍ
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a ......
¿ÉÒÔ·ÅÖÃÑùʽµÄµØ·½£ºÑùʽ±í£¬<style>ºÍstyle
Ñùʽ±íÊÇÒ»¸ö¶ÀÁ¢µÄÎļþ£¬¿ÉÒÔͨ¹ý<link>ÔªËØ»òÕßcssµÄ@importÓï¾ä°ÑËü¸½¼Óµ½Ä³¸öhtmlÎĵµÖУ¬<style>ÊÇÒ»¸öhtmlÔªËØ£¬¿ÉÒÔ°ÑËüÄÚǶÔÚhtmlÎĵµÖУ¬styleÊÇÒ»¸öÊôÐÔ£¬¿ÉÒÔÄÚÖÃÔÚÈκÎhtmlÔªËØÖС£
ÒªÏë°ÑÑùʽ±íÁ¬µ½htmlÎĵµÖУ¬ÒªÔÚhtmlÎĵµÖеÄ<head> ......