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¡¢¼Ì³ÐµÃµ½µÄÑùʽµÄÓÅÏȼ¶×îµÍ¡£
IE ä¯ÀÀÆ÷ÖÐ CSS ÌØÐÔµÄ×î´óµÄÎÊÌ⣺»á·´¸´Ö´ÐУ¬Ã¿ÃëÖÓ¿ÉÄÜÖ´ÐÐÁ˳ɰÙÉÏǧ´Î£¬ÓÐÑÏÖØµÄÐÔÄÜÎÊÌâ¡£
ÈçºÎ¶Ô CSS ½øÐÐÓÅ»¯ÄØ£¿
ÖÁÉÙ£ºÈç¹ûÎÒÃǽ« CSS ÔÚÆ¥ÅäµÄÔªËØÖнöÖ´ÐÐÒ»´Î£¬ÐÔÄܽ«»áÌáÉýºÜ´ó¡£
&nb ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ÎÞ±êÌâÎĵµ</ ......