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

CSS Ñ¡ÔñÆ÷ÓÅÏȼ¶

CSSÓÅÏȼ¶°üº¬Ëĸö¼¶±ð£¨ÎÄÄÚÑ¡ÔñÆ÷£¬IDÑ¡ÔñÆ÷£¬ClassÑ¡ÔñÆ÷£¬ÔªËØÑ¡ÔñÆ÷£©ÒÔ¼°¸÷¼¶±ð³öÏֵĴÎÊý¡£¸ù¾ÝÕâËĸö¼¶±ð³öÏֵĴÎÊý¼ÆËãµÃµ½CSSµÄÓÅÏȼ¶¡£
CSSÓÅÏȼ¶µÄ¼ÆËã¹æÔòÈçÏ£º
* Ò³ÃæÖÐÖ±½ÓÉèÖÃstyle,¼Ó1,0,0,0
* ÿ¸öIDÑ¡ÔñÆ÷(Èç #id),¼Ó0,1,0,0
* ÿ¸öClassÑ¡ÔñÆ÷(Èç .class)¡¢Ã¿¸öÊôÐÔÑ¡ÔñÆ÷(Èç [attribute=])¡¢Ã¿¸öαÀà(Èç :hover)¼Ó0,0,1,0
* ÿ¸öÔªËØÑ¡ÔñÆ÷£¨Èçp£©»òÎ±ÔªËØÑ¡ÔñÆ÷(Èç :firstchild)µÈ£¬¼Ó0,0,0,1
È»ºó£¬½«ÕâËĸöÊý×Ö·Ö±ðÀÛ¼Ó£¬¾ÍµÃµ½Ã¿¸öCSS¶¨ÒåµÄÓÅÏȼ¶µÄÖµ£¬
È»ºó´Ó×óµ½ÓÒÖðλ±È½Ï´óС£¬Êý×Ö´óµÄCSSÑùʽµÄÓÅÏȼ¶¾Í¸ß¡£
Àý×Ó£º
cssÎļþ»ò<style>ÖÐÈç϶¨Ò壺
1. h1 {color: red;}
/* Ò»¸öÔªËØÑ¡Ôñ·û£¬½á¹ûÊÇ0,0,0,1 */
2. body h1 {color: green;}
/* Á½¸öÔªËØÑ¡Ôñ·û£¬½á¹ûÊÇ 0,0,0,2 */
3. h2.grape {color: purple;}
/* Ò»¸öÔªËØÑ¡Ôñ·û¡¢Ò»¸öClassÑ¡Ôñ·û£¬½á¹ûÊÇ 0,0,1,1*/
4. li#answer {color: navy;}
/* Ò»¸öÔªËØÑ¡Ôñ·û£¬Ò»¸öIDÑ¡Ôñ·û£¬½á¹ûÊÇ0,1,0,1 */
5. ÔªËØµÄstyleÊôÐÔÖÐÈç϶¨Ò壺h1 {color: blue;}
/* Ò³ÃæÖж¨Ò壬һ¸öÔªËØÑ¡Ôñ·û£¬½á¹ûÊÇ1,0,0,1*/
Èç´ËÒÔÀ´£¬h1ÔªËØµÄÑÕÉ«ÊÇÀ¶É«¡£
×¢Ò⣺
1¡¢!importantÉùÃ÷µÄÑùʽÓÅÏȼ¶×î¸ß£¬Èç¹û³åÍ»ÔÙ½øÐмÆËã¡£
2¡¢Èç¹ûÓÅÏȼ¶Ïàͬ£¬ÔòÑ¡Ôñ×îºó³öÏÖµÄÑùʽ¡£
3¡¢¼Ì³ÐµÃµ½µÄÑùʽµÄÓÅÏȼ¶×îµÍ¡£


Ïà¹ØÎĵµ£º

CSDNÖÐ×Ô¶¨ÒåcssµÄʹÓÃ

¿ÉÒÔÔÚ²©¿ÍµÄÅäÖÃÒ³ÃæµÄ×Ô¶¨ÒåcssÀ¸ÖÐÌîÈëcssÑùʽ´úÂëÀ´×Ô¶¨Ò²blogµÄ·ç¸ñ
csdn blogµÄÒ³Ãæ¼Ü¹¹»ù±¾ÊÇÓÉdivʵÏֵģ¬Õû¸öÒ³ÃæÖ÷ÒªÓÉÈý¸ödiv×é³É£¬ËüÃǵÄid·Ö±ðÊÇ:
csdnblog_header, csdnblog_sidebar, csdnblog_content¡£
ËùÒÔ£¬¶¨ÒåËüÃǵÄÖ÷ÌåÑùʽ¿ÉÒÔÕâÑù:
#csdnblog_header
{
    //Í·²¿µÄ·ç¸ñ
}
# ......

¡¾×ܽ᡿ä¯ÀÀÆ÷CSS Hacks»ã×Ü

ä¯ÀÀÆ÷¼æÈÝ¿ÉÒÔ˵ÊÇǰ¶Ë¿ª·¢ËùÒªÃæ¶ÔµÄµÚÒ»¸öÌôÕ½£¬Ä¿Ç°ÎҵĵçÄÔÉÏÒѾ­°²×°ÁË6ÖÖä¯ÀÀÆ÷£¨»ùÓÚIEÄں˵IJ»Ë㣬ÈçMaxthonµÈ£©¡£
¡¡¡¡CSS hacksÀûÓÃä¯ÀÀÆ÷µÄ©¶´À´Òþ²ØÌض¨ä¯ÀÀÆ÷µÄCSS¹æÔò¡£ÊµÏÖä¯ÀÀÆ÷¼æÈÝÖ÷ÒªÓÐÁ½ÖÖ·½Ê½Ìõ¼þÑùʽ±íºÍCSS Hacks£¨Selector Hacks¡¢Attribute Hacks£©¡£¶Ô´Ë¸ù¾ÝһЩ×ÊÁÏ»ã×ÜÁËһЩCSS Hacks·½·¨¡ ......

CSSÖÐvisibilityÓëdisplayµÄÇø±ð

CSSÖÐvisibilityÓëdisplayµÄÇø±ð
CSSÖеÄÊôÐÔvisibilityÓëdisplay¶¼¿ÉʵÏÖÏÔʾ¡¢Òþ²ØÔªËصÄЧ¹û£¬µ«ËûÃÇÖ®¼äÒ²ÓкܴóµÄÇø±ð¡£
visibility¹æ¶¨ÔªËصÄÄÚÈÝÊÇ·ñÏÔʾ£»¶ødisplay¹æ¶¨ÔªËر¾ÉíµÄÏÖʵ·½Ê½£¬¿ÉÒÔ¾ö¶¨ÔªËر¾ÉíÊÇ·ñ¿É¼û¡£
visibilityµÄvisible±íʾÏÔʾ£¬hidden±íʾÒþ²Ø¡£µ±visibility±»ÉèÖÃΪ"hidden"ʱ£¬ËäÈ»ÔªËØ ......

CSS hack:Çø·ÖIE6£¬IE7£¬firefox


Çø±ðIE6ÓëFF£º
       background:orange;*background:blue;
Çø±ðIE6ÓëIE7£º
       background:green !important;background:blue;
Çø±ðIE7ÓëFF£º
       background:orange; *background:green;
Çø±ðFF£¬IE7£¬IE6£º
      ......

CSS hack:Çø·ÖIE6£¬IE7£¬firefox

ת×Ô£ºhttp://www.div-css.com/html/XHTML-CSS/hack/1136667.html
Çø±ð²»Í¬ä¯ÀÀÆ÷£¬CSS hackд·¨£º
Çø±ðIE6
ÓëFF
£º
       background:orange
;*
background:blue
;
Çø±ðIE6
ÓëIE7
£º
       background:green
 !important
;background:blue
;
Çø±ðIE7
Ó ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ