Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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.       ×îµÍÓÅÏȼ¶ÊÇä¯ÀÀÆ÷ÌṩµÄĬÈÏÑù


Ïà¹ØÎĵµ£º

ÓÃcssÈÃͼƬ×Ô¶¯ÊÊÓ¦´óС

ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊ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´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òд¼¼Ç ......

CSS !importantÓï·¨

!importantÓï·¨Õë¶ÔµÄÊÇ“ºóÃæµÄÊôÐÔ¸²¸ÇÇ°ÃæµÄÊôÐÔ”ÕâÒ»Óï·¨£¬Ò²¾ÍÊÇ˵±êʶÁË!importantµÄÊôÐÔ£¬ÊDz»±»ºóÃæµÄÏàͬÊôÐÔËù¸²¸ÇµÄ£¬¶øIE6²»ÈÏʶÕâ¸ö£¬µ¼ÖÂÆäËûä¯ÀÀÆ÷ºÜÈÝÒ׸ù¾ÝÕâµã“ÆÛ¸º”IE6£º
div{¡¡
¡¡¡¡¡¡¡¡text-decoration:overline;¡¡
¡¡¡¡¡¡¡¡*text-decoration:line-through!important;¡¡
¡ ......

CSSÊó±êÑùʽ,Êó±êÊÖÐÍÑùʽ

Àý×Ó£º<span style="cursor:*">Îı¾»òÆäËüÒ³ÃæÔªËØ</span> <a href="#" style="cursor:*">Îı¾»òÆäËüÒ³ÃæÔªËØ</a> ×¢Òâ°Ñ * »»³ÉÈçÏÂ15¸öЧ¹ûµÄÒ»ÖÖ£º
ÏÂÃæÊǶÔÕâ15ÖÖЧ¹ûµÄ½âÊÍ¡£Òƶ¯Êó±êµ½½âÊÍÉÏÃæ£¬¿´¿´ÄãµÄÊó±êÆðÁËʲô±ä»¯°É£¡
handÊÇÊÖÐÍ   
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a ......

cssÑùʽÏà¹ØÖªÊ¶Ð¡½á

¿ÉÒÔ·ÅÖÃÑùʽµÄµØ·½£ºÑùʽ±í£¬<style>ºÍstyle
Ñùʽ±íÊÇÒ»¸ö¶ÀÁ¢µÄÎļþ£¬¿ÉÒÔͨ¹ý<link>ÔªËØ»òÕßcssµÄ@importÓï¾ä°ÑËü¸½¼Óµ½Ä³¸öhtmlÎĵµÖУ¬<style>ÊÇÒ»¸öhtmlÔªËØ£¬¿ÉÒÔ°ÑËüÄÚǶÔÚhtmlÎĵµÖУ¬styleÊÇÒ»¸öÊôÐÔ£¬¿ÉÒÔÄÚÖÃÔÚÈκÎhtmlÔªËØÖС£
ÒªÏë°ÑÑùʽ±íÁ¬µ½htmlÎĵµÖУ¬ÒªÔÚhtmlÎĵµÖеÄ<head> ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ