Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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¡¢¼Ì³ÐµÃµ½µÄÑùʽµÄÓÅÏȼ¶×îµÍ¡£


Ïà¹ØÎĵµ£º

CSS ²Ëµ¥ÏµÁУºÓà UL ÖÆ×÷ºáÏòµ¼º½²Ëµ¥£­ÈëÃŰæ

Óà UL ÖÆ×÷²Ëµ¥ÏÖÔڷdz£Á÷ÐУ¬ÄÇÎÒÃÇÒ²´Õ´ÕÈÈÄÖ£¬µÚÒ»½²¾Í˵˵Óà UL ÖÆ×÷µ¼º½²Ëµ¥µÄ·½·¨£¬ÕâÒ»½²ÊÇÈëÃŰ棬ֻÊÇʵÏÖ»ù±¾¹¦ÄÜ£¬»¶Ó­¸÷λ·¢²¼×Ô¼ºµÄʵÏÖ·½Ê½¡£
ÎÒÃÇÏȶ¨Ò»Ï HTML ´úÂ룺
<ul id="menu">
<li><a href="http://www.codebit.cn">CodeBit.cn</a></li>
<li><a href="h ......

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

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

CSS Expression µÄÓÅ»¯

      IE ä¯ÀÀÆ÷ÖÐ CSS ÌØÐÔµÄ×î´óµÄÎÊÌ⣺»á·´¸´Ö´ÐУ¬Ã¿ÃëÖÓ¿ÉÄÜÖ´ÐÐÁ˳ɰÙÉÏǧ´Î£¬ÓÐÑÏÖØµÄÐÔÄÜÎÊÌâ¡£
      ÈçºÎ¶Ô CSS ½øÐÐÓÅ»¯ÄØ£¿
      ÖÁÉÙ£ºÈç¹ûÎÒÃǽ« CSS ÔÚÆ¥ÅäµÄÔªËØÖнöÖ´ÐÐÒ»´Î£¬ÐÔÄܽ«»áÌáÉýºÜ´ó¡£
   &nb ......

³£ÓÃCSSÑ¡ÔñÆ÷


Ñ¡ÔñÆ÷ Óï·¨ ÃèÊö ʾÀý ±êǩѡÔñÆ÷ E{ .....} ÒÔÎĵµÔªËØ×÷ΪѡÔñ·û td{font-size:14px;
    ......} IDÑ¡ÔñÆ÷ #ID{...} ÒÔÎĵµÔªËصÄΩһ± ......

´¿CSSʵÏÖÏÂÀ­Áбí

<!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>ÎÞ±êÌâÎĵµ</ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ