Ò» cssµÄÓÅÏȼ¶
Ò» cssµÄÓÅÏȼ¶
½ñÌìÓÐÈ˸úÎÒ˵css
hackÖÐÓÃ!importantÀ´Çø·Öie6£¬ÒòΪie6²»Ö§³Ö!important£¬ÊǵÄÔÚºÜÔçÒÔǰÎÒÒ²ÊÇÓùýÕâÖÖ·½·¨Ð´hack£¬µ«ÊǺóÀ´¾Í»ù±¾²»ÓÃÁË¡£±¾À´ÎÒ¶ÔËû˵Äie6²»Ö§³Ö!importantҲûʲôÒìÒ飬¿ÉÊÇÕýºÃÔÚǰ¼¸ÌìÕýºÃÓøöÕâ¸ö!importantÊôÐÔ½â¾öÁËÒ»¸öÑùʽÓÅÏȼ¶µÄÎÊÌ⣬¶øÇÒÊÇÖ§³Öie6µÄ£¬ÕâÊÇÎªÊ²Ã´ÄØ£¿µ½µ×ie6Ö§²»Ö§³Ö!importantÄØ£¿
Ê×ÏÈÎÒÃÇÀ´¿´¿´!importantÕâ¸öÊôÐÔµÄ×÷Óãº!importantÊÇÓÃÀ´ÌáÉýÑùʽÓÅÏȼ¶µÄ£¬ÎÒÃÇÖªµÀÑùʽÊÇÓÐÓÅÏȼ¶µÄ¡£
ÎÒÃÇÏÈ¿´¿´cssµÄÓÅÏȼ¶µÄ¼¸¸ö»ù±¾µÄ¹æÔò£º
IDÑ¡ÔñÆ÷(ÐÎÈç#id{}) > ÀàÑ¡ÔñÆ÷(ÐÎÈç.class{}) >
±êǩѡÔñÆ÷(ÐÎÈçbody{}»òÕß*£û£ý)£¬Ò²¾ÍÊÇIDÑ¡ÔñÆ÷£¬ÀàÑ¡ÔñÆ÷£¬±êǩѡÔñÆ÷ÖУ¬IDÑ¡ÔñÆ÷µÄÓÅÏȼ¶×î¸ß£¬±êǩѡÔñÆ÷×îµÍ£»
Ñ¡ÔñÆ÷Ô½¾ßÌåÓÅÏȼ¶¾ÍÔ½¸ß£¬Ò²¾ÍÊÇ
.classA .classB .classC{font-size: 25px;}
.classB
.classC{font-size:18px}
.classC { font-size: 12px; }
͉˕.classA .classB
.classCµÄÓÅÏȼ¶×î¸ß£¬.classCµÄÓÅÏȼ¶×îµÍ£»
ÔÚͬһ¸ö¼¶±ðµÄÇé¿öÏ£¬×îºóÖ¸¶¨µÄ¹æÔòÓÅÏȼ¶¾ÍÔ½¸ß£¬Ò²¾ÍÊÇÎÒÃÇͨ³£ËµµÄ¾Í½üÔÔò£»htmlÖбêÇ©µÄstyleµÄÊôÐÔ¶¼¸ßÓÚcssÎļþÖеÄÑ¡ÔñÆ÷Ñùʽ£»
±êÓД!important”µÄ¹æÔòÓÐ×î¸ßÓÅÏȼ¶¡£
ÎÒÃÇ¿ÉÒÔÀûÓÃ!importantʹ¸ÃÑùʽÓÅÏȼ¶×î¸ß£¬ÀýÈ磺
CSS´úÂ룺
#idA{font-size:20px}
.classA{ font-size: 12px; }
HTML´úÂ룺
ÎÒÒª20ÏñËØµÄ×Ö
ÎÒÃÇÖªµÀ¸ù¾ÝÉÏÃæµÄ¹æÔò¿ÉÒÔ¿´³ö#idA{font-size:20px}µÄÑùʽ½«±»ÒýÓã¬ÄÇÎÒÃÇÈç¹ûÒª12ÏñËØµÄ×ÖÄØ£¿
CSS´úÂ룺
#idA{font-size:20px}
.classA{ font-size: 12px !important; }
HTML´úÂ룺
ÎÒÒª12ÏñËØµÄ×Ö
ÕâÑù.classA{ font-size: 12px !important; }Õâ¸öÑùʽ¾Í±»ÒýÓÃÁË¡£
ÕâÖÖ·½·¨ÔÚÓÅÏȼ¶µÍµÄÑùʽ±»ÓÅÏȼ¶¸ßµÄÑùʽ¸²¸Ç£¬ÓÖÏëÒýÓÃÓÅÏȼ¶µÍµÄÑùʽʱºò·Ç³£ÓÐÓã¡
¶þ !importantÔÚie6ϵÄÒ»¸öBUG
»¹ÊÇ¿´ÕâÒ»¶Î´úÂ룬
CSS´úÂ룺
#idA{font-size:20px}
.classA{ font-size: 12px !important; }
HTML´úÂ룺
ÎÒÒª12ÏñËØµÄ×Ö
´ó¼Ò¿ÉÒÔÔÚIE6ϲâÊÔһϣ¬ÎÄ×ÖÊÇ12ÏñËØµÄ£¬Ò²¾ÍÊÇ.classA{ font-size: 12px !important;
}±»ÒýÓÃÁË£¬ÕâÖ¤Ã÷IE6ÊÇÖ§³Ö!importantµÄ¡£µ«ÊÇcss
hackÖÐÓÃ!importantÀ´Çø·Öie6£¬Ëµie6²»Ö§³Ö!importantÓÖÊÇÔõô»ØÊÂÄØ£¿
ÔÀ´ie6Ï£¬ÔÚͬһ¸öÑ¡ÔñÆ÷Ñùʽ£¨¼´Í¬Ò»¸ö´óÀ¨ºÅÀïÃæ£©ÏÂ!importantÊÇÎÞЧµÄ
£¬ÀýÈ磺
css´úÂ룺
.classA{ font-size:
Ïà¹ØÎĵµ£º
Èç¹ûÁé»îÓ¦ÓÃCSS¸÷ÖÖÂ˾µµÄÌØµã²¢¼ÓÒÔ×éºÏ£¬ÎÒÃÇ¿ÉÒԵõ½Ðí¶àÒâÏë²»µ½µÄЧ¹û¡£ÕâÊÇһЩЧ¹ûʾ·¶£¬¹©¸÷λ²Î¿¼¡£
ÍøÒ³ÌØÐ§Abc
ÓÃblurÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: blur(direction=135,strength=8)
ÍøÒ³ÌØÐ§Abc
ÓÃdropshadowÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positi ......
¼ä϶ÊôÐÔÊÇÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߽çµÄ¾àÀë¡£°üÀ¨£º
1£©×ó¼ä϶ÊôÐÔ£¨padding-left£©
Õâ¸öÊôÐÔÓÃÀ´É趨×ó¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1{padding-left:1cm}
2£©ÓÒ¼ä϶ÊôÐÔ£¨padding-right£©
Õâ¸öÊôÐÔÓÃÀ´É趨ÓÒ¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1 {padding-right:1cm}
3£©Éϼä϶ÊôÐÔ£¨padding-top£©
Õâ¸öÊôÐÔÓÃÀ´É趨Éϼä϶µÄ¿í¶È¡£À ......
僞Àà ÒâÒå
:first-child µÚÒ»¸öº¢×ÓÔªËØ
:first-line&nb ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
ScrollBar
{
/*»®¶¯¿éͼƬƤ·ô*/
thumbDownSkin: Embed(source="scrollBar/thumb. ......
ÔÎÄÍøÖ·£ºhttp://www.complexspiral.com/publications
Containing Floats
As powerful and useful as they are, floats can make for tricky layout tools. Chances are that you may have seen something like the situation shown in Figure 1, which is accomplished with just two div elements, each with a floate ......