CSSǶÌ×Ñ¡ÔñÆ÷ÓÅÏȼ¶¼ÆËã
Ò»×éǶÌ×Ñ¡ÔñÆ÷µÄʵ¼ÊÌØÐÔ¿ÉÒÔ¼ÆËã³öÀ´¡£»ù±¾µÄ£¬Ê¹ÓÃIDÑ¡ÔñÆ÷µÄÖµÊÇ100£¬Ê¹ÓÃclassÑ¡ÔñÆ÷µÄÖµÊÇ10£¬Ã¿¸öhtmlÑ¡ÔñÆ÷µÄÖµÊÇ1¡£
ËüÃÇ¼ÓÆðÀ´¾Í¿ÉÒÔ¼ÆËã³öÌØÐÔµÄÖµ¡£
pµÄÌØÐÔÊÇ1£¨Ò»¸öhtmlÑ¡ÔñÆ÷£©
div pµÄÌØÐÔÊÇ2£¨Á½¸öhtmlÑ¡ÔñÆ÷£©
.treeµÄÌØÐÔÊÇ10£¨1¸öclassÑ¡ÔñÆ÷£©
div p.treeµÄÌØÐÔÊÇ1+1+10=12£¬£¨Á½¸öhtmlÑ¡ÔñÆ÷£¬Ò»¸öclassÑ¡ÔñÆ÷£©
#baobabµÄÌØÐÔÊÇ100£¨1¸öIDÑ¡ÔñÆ÷£©
body #content .alternative pµÄÌØÐÔÊÇ112£¨Á½¸öhtmlÑ¡ÔñÆ÷£¬Ò»¸öIDÑ¡ÔñÆ÷£¬Ò»¸öÀàÑ¡ÔñÆ÷£©
¸ü¶àµÄCSS½Ì³ÌºÍCSSÄ£°å
Ïà¹ØÎĵµ£º
1.Çø±ðIEºÍ·ÇIEä¯ÀÀÆ÷
#tip {
background:blue; /*·ÇIE ±³¾°藍É«*/
background:red \9; /*IE6¡¢IE7¡¢IE8±³¾°紅É«*/
}
2.Çø±ðIE6,IE7,IE8,FF
¡¾Çø±ð·ûºÅ¡¿£º¡¸\9¡¹¡¢¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
background:r ......
ÔÎÄ:http://www.52css.com/article.asp?id=1026
´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.
¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃ÷.
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ
vertical-align:middle;
½«ÐоàÔö¼Óµ ......
ÎÒÔÚµÚ¾ÅÇø ÉÏ·¢±íÁËÕâ¸öϵÁеıʼǣ¬²¢ÉÏ´«ÁËÔ×÷µç×ÓÊ飬½ñÌìÓпգ¬×ªÒ»Ï¹ýÀ´¡£
µÚÒ»Õ¡¢»ù´¡ÖªÊ¶
1.1Éè¼Æ´úÂëµÄ½á¹¹
Éè¼Æ´úÂëʱӦ¸ÃʹÓÃÓÐÒâÒåµÄ±ê¼Ç£¬±ÈÈ磬xHTMLÀï°üº¬ºÜ¶àÓÐÒâÒåµÄÔªËØ£¬Èçh1¡¢ul¡¢strong¡¢theadµÈµÈ£¬Ó¦ÓÃʹÓÃËùÓÐÒâÒåºÏÊʵÄÔªËØ£»µ±ÏÖÓÐÔªËØ²»×ãÒÔÃèÊöÒ³ÃæÄÚÈÝʱ£¬¿ÉÒÔÓÃid»òÊÇclassÀ´¸³ÓèËüÃǶ ......
ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
µÚËÄÕ¡¢¶ÔÓ¦Á´½ÓÑùʽ
4.1 ¼òµ¥µÄÁ´½ÓÑùʽ[code]
/*ËùÓÐÁ´½ÓºìÉ«*/
a{color:red;}
/*δ·ÃÎÊÁ´½ÓÀ¶É«£¬ÒÑ·ÃÎʺìÉ«*/
a:link{color:blue;}
a:visited{color:green}
/*Êó±êÐüͣʱÁ´½ÓºìÉ«*/
a:hover,active{color:red;}
/*ƽʱ²»ÏÔʾÏ» ......