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

Ò» 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µÄÎÄ×ÖÌØÐ§


Èç¹ûÁé»îÓ¦ÓÃCSS¸÷ÖÖÂ˾µµÄÌØµã²¢¼ÓÒÔ×éºÏ£¬ÎÒÃÇ¿ÉÒԵõ½Ðí¶àÒâÏë²»µ½µÄЧ¹û¡£ÕâÊÇһЩЧ¹ûʾ·¶£¬¹©¸÷λ²Î¿¼¡£
ÍøÒ³ÌØÐ§Abc
ÓÃblurÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: blur(direction=135,strength=8)
ÍøÒ³ÌØÐ§Abc
ÓÃdropshadowÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positi ......

css:padding

¼ä϶ÊôÐÔÊÇÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߽çµÄ¾àÀë¡£°üÀ¨£º
1£©×ó¼ä϶ÊôÐÔ£¨padding-left£©
Õâ¸öÊôÐÔÓÃÀ´É趨×ó¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1{padding-left:1cm}
2£©ÓÒ¼ä϶ÊôÐÔ£¨padding-right£©
Õâ¸öÊôÐÔÓÃÀ´É趨ÓÒ¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1 {padding-right:1cm}
3£©Éϼä϶ÊôÐÔ£¨padding-top£©
Õâ¸öÊôÐÔÓÃÀ´É趨Éϼä϶µÄ¿í¶È¡£À ......

css僞ÀàµÄÒâÒå

僞Àà                   ÒâÒå
:first-child                       µÚÒ»¸öº¢×ÓÔªËØ
:first-line&nb ......

FLex×é¼þÖ®¹ö¶¯Ìõ(ScrollBar)CSSÃÀ»¯

<?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. ......

CSS Containing Floats

Ô­ÎÄÍøÖ·£º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 ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ