锘??xml version="1.0" encoding="utf-8" standalone="yes"?>久久综合日韩亚洲精品色,亚洲AV永久无码精品成人,亚洲国产精品国产自在在线http://m.tkk7.com/xiaoyi/category/33891.html闃沖厜鎬誨湪椋庨洦鍚?璁╂垜浠湪闆ㄤ腑姣呯劧鍓嶈,鏀惰幏姣忎竴浠藉枩鎮(zhèn)︾殑嬈㈢瑧o(鈭鈭?o...zh-cnTue, 15 Sep 2009 08:54:04 GMTTue, 15 Sep 2009 08:54:04 GMT60灝忔瘏鏁寸悊涔?-----CSS閫夋嫨鍣?/title><link>http://m.tkk7.com/xiaoyi/articles/294519.html</link><dc:creator>鍙埍鐨勫皬姣?/dc:creator><author>鍙埍鐨勫皬姣?/author><pubDate>Wed, 09 Sep 2009 16:42:00 GMT</pubDate><guid>http://m.tkk7.com/xiaoyi/articles/294519.html</guid><wfw:comment>http://m.tkk7.com/xiaoyi/comments/294519.html</wfw:comment><comments>http://m.tkk7.com/xiaoyi/articles/294519.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/xiaoyi/comments/commentRss/294519.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/xiaoyi/services/trackbacks/294519.html</trackback:ping><description><![CDATA[涓鐩村榪欎釜鍦版柟緋婇噷緋婃秱錛岃繖嬈″熶簡(jiǎn)涓鏈功錛屼簤鍙栧皢css寮哄寲涓涓?<br /> CSS鐨勫嚑縐嶉夋嫨鍣細(xì)<br /> <ul> <li>鏍囪閫夋嫨鍣細(xì) </li> </ul>     瀹氫箟html鎴栬厁html鏍囩鐨勯氱敤CSS鏍峰紡錛屽畾涔夎鍙ュ墠鏃犲墠緙銆備緥濡傦細(xì)<br /> <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #800000"><style><br /> h1</span><span style="color: #000000">{</span><span style="color: #ff0000"><br />   color</span><span style="color: #000000">:</span><span style="color: #0000ff">red<br /> </span><span style="color: #000000">}</span><span style="color: #800000"><br /> </style><br /> <h1>This is test.</h1><br /> </span></div> <br /> <ul> <li>綾誨埆閫夋嫨鍣細(xì) </li> </ul>     閫氳繃瀹氫箟鍗曠嫭鐨刢lass鏉ュ畾涔夊搴旀牱寮忥紝瀹氫箟璇彞鍓嶇紑涓?'.'銆備緥濡傦細(xì)<br /> <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #800000"><style><br /> .red</span><span style="color: #000000">{</span><span style="color: #ff0000"><br />   color</span><span style="color: #000000">:</span><span style="color: #0000ff">red<br /> </span><span style="color: #000000">}</span><span style="color: #800000"><br /> </style><br /> <p class="red">xxxxxx</p><br /> </span></div> <br /> <ul> <li>ID閫夋嫨鍣細(xì) </li> </ul>     閫氳繃瀵瑰簲html鍏冪礌鐨勬爣絳綢D鏉ュ畾涔夊搴旀牱寮忥紝瀹氫箟璇彞鍓嶇紑涓?'#'銆備緥濡傦細(xì)<br /> <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #800000"><style><br /> #</span><span style="color: #800000">firstPar</span><span style="color: #000000">{</span><span style="color: #ff0000"><br />   color</span><span style="color: #000000">:</span><span style="color: #0000ff">red<br /> </span><span style="color: #000000">}</span><span style="color: #800000"><br /> </style><br /> </span><span style="color: #800000"><p id="firstPar">xxxxxx</p></span><br /> </div> <br /> <ul> <li>澶嶅悎閫夋嫨鍣? </li> </ul> <br /> 鍙﹀錛屽彲浠ラ氳繃榪欏嚑縐嶉夋嫨鍣ㄧ粍鍚堝畾涔夊鍚堥夋嫨鍣紝渚嬪錛?br /> <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #800000"><style><br /> p</span><span style="color: #000000">{</span><span style="color: #ff0000"><br />   color</span><span style="color: #000000">:</span><span style="color: #0000ff">red<br /> </span><span style="color: #000000">}</span><span style="color: #800000"><br /> p .firstPar</span><span style="color: #000000">{</span><span style="color: #ff0000"><br />   color</span><span style="color: #000000">:</span><span style="color: #0000ff">blue<br /> </span><span style="color: #000000">}</span><span style="color: #800000"><br /> .firstPar</span><span style="color: #000000">{</span><span style="color: #ff0000"><br />   color</span><span style="color: #000000">:</span><span style="color: #0000ff">green<br /> </span><span style="color: #000000">}</span><span style="color: #800000"><br /> </style><br /> <p>鏅氭钀?lt;/p><br /> <p class="firstPar">絎竴孌?lt;/p><br /> <h1 class="firstPar">絎竴孌墊爣棰?lt;/h1></span></div> <br /> <ul> <li>鍏ㄥ眬閫夋嫨鍣細(xì) </li> </ul> 濡傛灉鎯寵涓涓〉闈腑鎵鏈塰tml鏍囪浣跨敤鍚屼竴縐嶆牱寮忥紝鍙互瀹氫箟涓縐嶅叏灞閫夋嫨鍣細(xì) '*'銆備緥濡傦細(xì)<br /> <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #800000"><style><br /> *</span><span style="color: #000000">{</span><span style="color: #ff0000"><br />   color</span><span style="color: #000000">:</span><span style="color: #0000ff">red</span><span style="color: #000000">;</span><span style="color: #ff0000"><br />   font-size</span><span style="color: #000000">:</span><span style="color: #0000ff">10px<br /> </span><span style="color: #000000">}</span><span style="color: #800000"><br /> </style><br /> <p>鏅氭钀?lt;/p><br /> <p>絎竴孌?lt;/p><br /> <h1>絎竴孌墊爣棰?lt;/h1></span></div> <br /> <ul> <li>鍚庝唬閫夋嫨鍣細(xì) </li> </ul> 鍙互閫氳繃宓屽鐨勬柟寮忥紝瀵圭壒孌婁綅緗殑html鏍囪榪涜澹版槑銆傚悗浠ｉ夋嫨鍣ㄧ殑鍐欐硶灝辨槸鎶婂灞傜殑鏍囪鍐欏湪鍓嶉潰錛屽唴灞傜殑鏍囪鍐欏湪鍚庨潰錛屼箣闂寸敤絀烘牸鍒嗛殧銆傚綋鏍囪鍙戠敓宓屽鏃訛紝鍐呭眰鐨勬爣璁板氨鎴愪負(fù)澶栧眰鏍囪鐨勫悗浠ｃ備緥濡傦細(xì)<br /> <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><span style="color: #800000"><style><br /> p span</span><span style="color: #000000">{</span><span style="color: #ff0000"><br />   color</span><span style="color: #000000">:</span><span style="color: #0000ff">red</span><span style="color: #000000">;</span><span style="color: #ff0000"><br />   font-size</span><span style="color: #000000">:</span><span style="color: #0000ff">10px<br /> </span><span style="color: #000000">}</span><span style="color: #800000"><br /> span</span><span style="color: #000000">{</span><span style="color: #ff0000"><br />   color</span><span style="color: #000000">:</span><span style="color: #0000ff">green<br /> </span><span style="color: #000000">}</span><span style="color: #800000"><br /> </style><br /> <p>宓屽浣?lt;span>鐢–SS</span>鏍囪鐨勬柟娉?lt;/p><br /> 宓屽涔嬪鐨?lt;span>鏍囪</span>涓嶇敓鏁?/span></div> <img src ="http://m.tkk7.com/xiaoyi/aggbug/294519.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/xiaoyi/" target="_blank">鍙埍鐨勫皬姣?/a> 2009-09-10 00:42 <a href="http://m.tkk7.com/xiaoyi/articles/294519.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>灝忔瘏鏀惰棌涔?-----css鏍峰紡琛ㄧ殑浣跨敤鎶宸?/title><link>http://m.tkk7.com/xiaoyi/articles/280362.html</link><dc:creator>鍙埍鐨勫皬姣?/dc:creator><author>鍙埍鐨勫皬姣?/author><pubDate>Sat, 06 Jun 2009 12:28:00 GMT</pubDate><guid>http://m.tkk7.com/xiaoyi/articles/280362.html</guid><wfw:comment>http://m.tkk7.com/xiaoyi/comments/280362.html</wfw:comment><comments>http://m.tkk7.com/xiaoyi/articles/280362.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/xiaoyi/comments/commentRss/280362.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/xiaoyi/services/trackbacks/280362.html</trackback:ping><description><![CDATA[<div id="kqi4ue4" class="postbody"><span style="font-family: 瀹嬩綋"><strong style="color: red">css鏍峰紡琛ㄧ殑浣跨敤鎶宸с愪竴銆?<br /> </strong>榪欑瘒鏂囩珷鎬葷粨浜?jiǎn)鎴戝湪鋴社?/span>CSS<span style="font-family: 瀹嬩綋">甯冨眬鏂規(guī)硶浠ユ潵鎵鏈夌殑鎶宸у拰鍏煎鏂規(guī)錛屾垜浼?xì)閲嶇偣瑙ｉ噴涓浜涙柊鎵嬪鏄撶姱鐨勯敊璇?/span><span style="font-family: 瀹嬩綋">錛屾垜甯屾湜鍚ц繖浜涘皬鎶宸э紝鎴栬呰鏄竴浜涘簲璇ユ敞鎰忕殑鍦版柟鍜屽ぇ瀹跺垎浜傚鏋滀綘宸茬粡鏄?/span>CSS<span style="font-family: 瀹嬩綋">楂樻墜錛岃繖浜涚粡楠屾妧宸у彲鑳藉凡緇忛兘鐭ラ亾錛屽鏋滀綘鏈夋洿澶氱殑錛屽笇鏈涘彲浠ュ府鎴戣ˉ鍏?img alt="" src="http://www.cnblogs.com/Emoticons/yoyocici/224025633.gif" />銆?/span> <p> </p> <p> <span style="font-family: 瀹嬩綋">涓</span>.<span style="font-family: 瀹嬩綋">浣跨敤</span>css<span style="font-family: 瀹嬩綋">緙╁啓</span></p> <p> </p> <p><span style="font-family: 瀹嬩綋">浣跨敤緙╁啓鍙互甯姪鍑忓皯浣?/span>CSS<span style="font-family: 瀹嬩綋">鏂囦歡鐨勫ぇ灝忥紝鏇村姞瀹規(guī)槗闃呰銆?/span></p> <p> </p> <p>css<span style="font-family: 瀹嬩綋">緙╁啓鐨勪富瑕佽鍒欏涓嬶細(xì)</span></p> <p> </p> <p> <span style="font-family: 瀹嬩綋">棰滆壊</span></p> <p> </p> <p> 16<span style="font-family: 瀹嬩綋">榪涘埗鐨勮壊褰╁鹼紝濡傛灉姣忎袱浣嶇殑鍊肩浉鍚岋紝鍙互緙╁啓涓鍗婏紝渚嬪錛?/span></p> <p> </p> <p>#000000<span style="font-family: 瀹嬩綋">鍙互緙╁啓涓?/span>#000;#336699<span style="font-family: 瀹嬩綋">鍙互緙╁啓涓?/span>#369;</p> <p> </p> <p> <span style="font-family: 瀹嬩綋">鐩掑昂瀵?/span></p> <p> </p> <p><span style="font-family: 瀹嬩綋">閫氬父鏈変笅闈㈠洓縐嶄功鍐欐柟娉?/span>:</p> <p> </p> <p> property:value1; <span style="font-family: 瀹嬩綋">琛ㄧず鎵鏈夎竟閮芥槸涓涓?/span>value1<span style="font-family: 瀹嬩綋">錛?/span></p> <p> </p> <p>property:value1 value2; <span style="font-family: 瀹嬩綋">琛ㄧず</span>top<span style="font-family: 瀹嬩綋">鍜?/span>bottom<span style="font-family: 瀹嬩綋">鐨勫兼槸</span>value1,right<span style="font-family: 瀹嬩綋">鍜?/span>left<span style="font-family: 瀹嬩綋">鐨勫兼槸</span>value2</p> <p> </p> <p>property:value1 value2 value3; <span style="font-family: 瀹嬩綋">琛ㄧず</span>top<span style="font-family: 瀹嬩綋">鐨勫兼槸</span>value1<span style="font-family: 瀹嬩綋">錛?/span>right<span style="font-family: 瀹嬩綋">鍜?/span>left<span style="font-family: 瀹嬩綋">鐨勫兼槸</span>value2<span style="font-family: 瀹嬩綋">錛?/span>bottom<span style="font-family: 瀹嬩綋">鐨勫兼槸</span>value3</p> <p> </p> <p>property:value1 value2 value3 value4; <span style="font-family: 瀹嬩綋">鍥涗釜鍊間緷嬈¤〃紺?/span>top,right,bottom,left</p> <p> </p> <p><span style="font-family: 瀹嬩綋">鏂逛究鐨勮蹇嗘柟娉曟槸欏烘椂閽堬紝涓婂彸涓嬪乏銆傚叿浣撳簲鐢ㄥ湪</span>margin<span style="font-family: 瀹嬩綋">鍜?/span>padding<span style="font-family: 瀹嬩綋">鐨勪緥瀛愬涓嬶細(xì)</span></p> <p> </p> <p>margin:1em 0 2em 0.5em;</p> <p> </p> <p> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">杈規(guī)</span>(border)</p> <p> </p> <p><span style="font-family: 瀹嬩綋">杈規(guī)鐨勫睘鎬у涓嬶細(xì)</span></p> <p> </p> <p> </p> <p> </p> <p>border-width:1px;</p> <p> </p> <p>border-style:solid;</p> <p> </p> <p>border-color:#000;</p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍙互緙╁啓涓轟竴鍙ワ細(xì)</span>border:1px solid #000;</p> <p> </p> <p><span style="font-family: 瀹嬩綋">璇硶鏄?/span>border:width style color;</p> <p> </p> <p><span style="font-family: 瀹嬩綋">鑳屾櫙</span>(Backgrounds)</p> <p> </p> <p><span style="font-family: 瀹嬩綋">鑳屾櫙鐨勫睘鎬у涓嬶細(xì)</span></p> <p> </p> <p>background-color:#f00;</p> <p> </p> <p>background-image:url(background.gif);</p> <p> </p> <p>background-repeat:no-repeat;</p> <p> </p> <p>background-attachment:fixed;</p> <p> </p> <p>background-position:0 0;</p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍙互緙╁啓涓轟竴鍙ワ細(xì)</span>background:#f00 url(background.gif) no-repeat fixed 0 0;</p> <p> </p> <p><span style="font-family: 瀹嬩綋">璇硶鏄?/span>background:color image repeat attachment position;</p> <p> </p> <p><span style="font-family: 瀹嬩綋">浣犲彲浠ョ渷鐣ュ叾涓竴涓垨澶氫釜灞炴у鹼紝濡傛灉鐪佺暐錛岃灞炴у煎皢鐢ㄦ祻瑙堝櫒榛樿鍊鹼紝榛樿鍊間負(fù)錛?/span></p> <p> </p> <p>color: transparent</p> <p> </p> <p>image: none</p> <p> </p> <p>repeat: repeat</p> <p> </p> <p>attachment: scroll</p> <p> </p> <p>position: 0% 0%</p> <p> </p> <p><span style="font-family: 瀹嬩綋">瀛椾綋</span>(fonts)</p> <p> </p> <p><span style="font-family: 瀹嬩綋">瀛椾綋鐨勫睘鎬у涓嬶細(xì)</span></p> <p> </p> <p>font-style:italic;</p> <p> </p> <p>font-variant:small-caps;</p> <p> </p> <p>font-weight:bold;</p> <p> </p> <p>font-size:1em;</p> <p> </p> <p>line-height:140%;</p> <p> </p> <p>font-family:"Lucida Grande",sans-serif;</p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍙互緙╁啓涓轟竴鍙ワ細(xì)</span>font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;</p> <p> </p> <p><span style="font-family: 瀹嬩綋">娉ㄦ剰錛屽鏋滀綘緙╁啓瀛椾綋瀹氫箟錛岃嚦灝戣瀹氫箟</span>font-size<span style="font-family: 瀹嬩綋">鍜?/span>font-family<span style="font-family: 瀹嬩綋">涓や釜鍊箋?/span></p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍒楄〃</span>(lists)</p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍙栨秷榛樿鐨勫渾鐐瑰拰搴忓彿鍙互榪欐牱鍐?/span>list-style:none;,</p> <p> </p> <p>list<span style="font-family: 瀹嬩綋">鐨勫睘鎬у涓?/span>:</p> <p> </p> <p>list-style-type:square;</p> <p> </p> <p>list-style-position:inside;</p> <p> </p> <p>list-style-image:url(image.gif);</p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍙互緙╁啓涓轟竴鍙ワ細(xì)</span>list-style:square inside url(image.gif);</p> <p> </p> <p><span style="font-family: 瀹嬩綋">浜?/span>.<span style="font-family: 瀹嬩綋">鏄庣‘瀹氫箟鍗曚綅錛岄櫎闈炲間負(fù)</span>0</p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍦?/span>HTML<span style="font-family: 瀹嬩綋">涓綘鍙互鍙啓</span>width="100"<span style="font-family: 瀹嬩綋">錛屼絾鏄湪</span>CSS<span style="font-family: 瀹嬩綋">涓紝浣犲繀欏葷粰涓涓噯紜殑鍗曚綅錛屾瘮濡傦細(xì)</span>width:100px width:100em<span style="font-family: 瀹嬩綋">銆傚彧鏈変袱涓緥澶栨儏鍐靛彲浠ヤ笉瀹氫箟鍗曚綅錛氳楂樺拰</span>0<span style="font-family: 瀹嬩綋">鍊箋傞櫎姝や互澶栵紝鍏朵粬鍊奸兘蹇呴』绱ц窡鍗曚綅錛屼笉瑕佸湪鏁板煎拰鍗曚綅涔嬮棿鍔犵┖鏍箋?/span></p> <p> </p> <p><span style="font-family: 瀹嬩綋">涓?/span>.<span style="font-family: 瀹嬩綋">鍖哄垎澶у皬鍐?/span></p> <p> </p> <p><span style="font-family: 瀹嬩綋">褰撳湪</span>XHTML<span style="font-family: 瀹嬩綋">涓嬌鐢?/span>CSS<span style="font-family: 瀹嬩綋">錛?/span>CSS<span style="font-family: 瀹嬩綋">閲屽畾涔夌殑鍏冪礌鍚嶇О鏄尯鍒嗗ぇ灝忓啓鐨勩備負(fù)浜?jiǎn)閬垮厤杩櫩U嶉敊璇紝鎴戝緩璁墍鏈夌殑瀹氫箟鍚嶇О閮介噰鐢ㄥ皬鍐欍?/span></p> <p> </p> <p>class<span style="font-family: 瀹嬩綋">鍜?/span>id<span style="font-family: 瀹嬩綋">鐨勫煎湪</span>HTML<span style="font-family: 瀹嬩綋">鍜?/span>XHTML<span style="font-family: 瀹嬩綋">涓篃鏄尯鍒嗗ぇ灝忓啓鐨勶紝濡傛灉浣犱竴瀹氳澶у皬鍐欐販鍚堝啓錛岃浠旂粏紜浣犲湪</span>CSS<span style="font-family: 瀹嬩綋">鐨勫畾涔夊拰</span>XHTML<span style="font-family: 瀹嬩綋">閲岀殑鏍囩鏄竴鑷寸殑銆?/span></p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍥?/span>.<span style="font-family: 瀹嬩綋">鍙栨秷</span>class<span style="font-family: 瀹嬩綋">鍜?/span>id<span style="font-family: 瀹嬩綋">鍓嶇殑鍏冪礌闄愬畾</span></p> <p> </p> <p><span style="font-family: 瀹嬩綋">褰撲綘鍐欑粰涓涓厓绱犲畾涔?/span>class<span style="font-family: 瀹嬩綋">鎴栬?/span>id<span style="font-family: 瀹嬩綋">錛屼綘鍙互鐪佺暐鍓嶉潰鐨勫厓绱犻檺瀹氾紝鍥犱負(fù)</span>ID<span style="font-family: 瀹嬩綋">鍦ㄤ竴涓〉闈㈤噷鏄敮涓鐨勶紝鑰?/span>clas s<span style="font-family: 瀹嬩綋">鍙互鍦ㄩ〉闈腑澶氭浣跨敤銆備綘闄愬畾鏌愪釜鍏冪礌姣棤鎰忎箟銆備緥濡傦細(xì)</span></p> <p> </p> <p>div#content { /* declarations */ } </p> <p> </p> <p>fieldset.details { /* declarations */ } </p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍙互鍐欐垚</span></p> <p> </p> <p>#content { /* declarations */ } </p> <p> </p> <p>.details { /* declarations */ } </p> <p> </p> <p><span style="font-family: 瀹嬩綋">榪欐牱鍙互鑺傜渷涓浜涘瓧鑺傘?/span></p> <p> </p> <p> </p> <p> 絎竴璁插埌姝ょ粨鏉燂紝璋㈣阿澶у錛?img alt="" src="http://www.cnblogs.com/Emoticons/yoyocici/cool.gif" /><br /> <br /> <strong style="color: red"><br /> <br /> </strong></p> </div> <span style="font-family: 瀹嬩綋"><strong style="color: red">css鏍峰紡琛ㄧ殑浣跨敤鎶宸с愪簩銆?</strong><br /> 浜?/span>.<span style="font-family: 瀹嬩綋">榛樿鍊?/span> <p><span style="font-family: 瀹嬩綋">閫氬父</span>padding<span style="font-family: 瀹嬩綋">鐨勯粯璁ゅ間負(fù)</span>0<span style="font-family: 瀹嬩綋">錛?/span>background-color<span style="font-family: 瀹嬩綋">鐨勯粯璁ゅ兼槸</span>transparent<span style="font-family: 瀹嬩綋">銆備絾鏄湪涓嶅悓鐨勬祻瑙堝櫒榛樿鍊煎彲鑳戒笉鍚屻傚鏋滄曟湁鍐茬獊錛屽彲浠ュ湪鏍峰紡琛ㄤ竴寮濮嬪氨鍏堝畾涔夋墍鏈夊厓绱犵殑</span>margin<span style="font-family: 瀹嬩綋">鍜?/span>padding<span style="font-family: 瀹嬩綋">鍊奸兘涓?/span>0<span style="font-family: 瀹嬩綋">錛岃薄榪欐牱錛?/span></p> <p>* { </p> <p>margin:0; </p> <p>padding:0; </p> <p>} </p> <p><span style="font-family: 瀹嬩綋">鍏?/span>.<span style="font-family: 瀹嬩綋">涓嶉渶瑕侀噸澶嶅畾涔夊彲緇ф壙鐨勫?/span></p> <p>CSS<span style="font-family: 瀹嬩綋">涓紝瀛愬厓绱犺嚜鍔ㄧ戶鎵跨埗鍏冪礌鐨勫睘鎬у鹼紝璞￠鑹層佸瓧浣撶瓑錛屽凡緇忓湪鐖跺厓绱犱腑瀹氫箟榪囩殑錛屽湪瀛愬厓绱犱腑鍙互鐩存帴緇ф壙錛屼笉闇瑕侀噸澶嶅畾涔夈備絾鏄娉ㄦ剰錛屾祻瑙堝櫒鍙兘鐢ㄤ竴浜涢粯璁ゅ艱鐩栦綘鐨勫畾涔夈?/span></p> <p><span style="font-family: 瀹嬩綋">涓?/span>.<span style="font-family: 瀹嬩綋">鏈榪戜紭鍏堝師鍒?/span></p> <p><span style="font-family: 瀹嬩綋">濡傛灉瀵瑰悓涓涓厓绱犵殑瀹氫箟鏈夊縐嶏紝浠ユ渶鎺ヨ繎</span>(<span style="font-family: 瀹嬩綋">鏈灝忎竴綰?/span>)<span style="font-family: 瀹嬩綋">鐨勫畾涔変負(fù)鏈浼樺厛錛屼緥濡?/span></p> <p><span style="font-family: 瀹嬩綋">鍦?/span>CSS<span style="font-family: 瀹嬩綋">鏂囦歡涓紝浣犲凡緇忓畾涔変簡(jiǎn)鍏冪礌</span>p<span style="font-family: 瀹嬩綋">錛屽張瀹氫箟浜?jiǎn)涓涓?/span>class"update"</p> <p>p { </p> <p>margin:1em 0; </p> <p>font-size:1em; </p> <p>color:#333; </p> <p>} </p> <p>.update { </p> <p>font-weight:bold; </p> <p>color:#600; </p> <p>} </p> <p> <span style="font-family: 瀹嬩綋">榪欎袱涓畾涔変腑錛?/span>class="update"<span style="font-family: 瀹嬩綋">灝嗚浣跨敤</span></p> <p>FF:   ID<span style="font-family: 瀹嬩綋">閫夋嫨鍣?/span>(<span style="font-family: 瀹嬩綋">褰㈠</span>#divMain{}) > <span style="font-family: 瀹嬩綋">綾?/span>(<span style="font-family: 瀹嬩綋">褰㈠</span>.divSpecial{}) > <span style="font-family: 瀹嬩綋">鏍囩</span>(<span style="font-family: 瀹嬩綋">褰㈠</span>body{}) </p> <p>IE:    <span style="font-family: 瀹嬩綋">綾?/span> > ID<span style="font-family: 瀹嬩綋">閫夋嫨鍣?/span> > <span style="font-family: 瀹嬩綋">鏍囩銆?/span></p> <p> 絎簩璁插埌姝ょ粨鏉燂紝璋㈣阿澶у鐪嬪晩錛?br /> <br /> <span style="color: red"><strong>css鏍峰紡琛ㄧ殑浣跨敤鎶宸с愪笁銆?<br /> </strong></p> <div id="a6ewawi" class="postbody" style="color: #000000"> <p>鎺ヤ笂綃囪 錛?/p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍏?/span>.<span style="font-family: 瀹嬩綋">澶氶噸</span>class<span style="font-family: 瀹嬩綋">瀹氫箟</span></p> <p> </p> <p><span style="font-family: 瀹嬩綋">涓涓爣絳懼彲浠ュ悓鏃跺畾涔夊涓?/span>class<span style="font-family: 瀹嬩綋">銆備緥濡傦細(xì)鎴戜滑鍏堝畾涔変袱涓牱寮忥紝絎竴涓牱寮忚儗鏅負(fù)</span>#666<span style="font-family: 瀹嬩綋">錛涚浜屼釜鏍峰紡鏈?/span>10 px<span style="font-family: 瀹嬩綋">鐨勮竟妗嗐?/span></p> <p> </p> <p>.one{width:200px;background:#666;}</p> <p> </p> <p>.two{border:10px solid #F00;} </p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍦ㄩ〉闈唬鐮佷腑錛屾垜浠彲浠ヨ繖鏍瘋皟鐢?/span></p> <p> </p> <p><div class="one two"></div> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">榪欐牱鏈緇堢殑鏄劇ず鏁堟灉鏄繖涓?/span>div<span style="font-family: 瀹嬩綋">鏃㈡湁</span>#666<span style="font-family: 瀹嬩綋">鐨勮儗鏅紝涔熸湁</span>10px<span style="font-family: 瀹嬩綋">鐨勮竟妗嗐?/span></p> <p> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">涔?/span>.<span style="font-family: 瀹嬩綋">浣跨敤瀛愰夋嫨鍣?/span>(descendant selectors)</p> <p> </p> <p>CSS<span style="font-family: 瀹嬩綋">鍒濆鑰呬笉鐭ラ亾浣跨敤瀛愰夋嫨鍣ㄦ槸褰卞搷浠栦滑鏁堢巼鐨勫師鍥犱箣涓銆傚瓙閫夋嫨鍣ㄥ彲浠ュ府鍔╀綘鑺傜害澶ч噺鐨?/span>class<span style="font-family: 瀹嬩綋">瀹氫箟銆傛垜浠潵鐪嬩笅闈㈣繖孌典唬鐮侊細(xì)</span></p> <p> </p> <p><div id="subnav"> </p> <p> </p> <p><ul> </p> <p> </p> <p><li class="subnavitem"> <a href="#" class="subnavitem">Item 1</a></li>> </p> <p> </p> <p><li class="subnavitemselected"> <a href="#" class="subnavitemselected"> Item 1</a> </li> </p> <p> </p> <p><li class="subnavitem"> <a href="#" class="subnavitem"> Item 1</a> </li></p> <p> </p> <p></ul> </p> <p> </p> <p></div> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">榪欐浠ｇ爜鐨?/span>CSS<span style="font-family: 瀹嬩綋">瀹氫箟鏄細(xì)</span></p> <p> </p> <p>div#subnav ul { /* Some styling */ } </p> <p> </p> <p>div#subnav ul li.subnavitem { /* Some styling */ } </p> <p> </p> <p> div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ } </p> <p> </p> <p> div#subnav ul li.subnavitemselected { /* Some styling */ } </p> <p> </p> <p>div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ } </p> <p> </p> <p> <span style="font-family: 瀹嬩綋">浣犲彲浠ョ敤涓嬮潰鐨勬柟娉曟浛浠ｄ笂闈㈢殑浠ｇ爜</span></p> <p> </p> <p> <ul id="subnav"> </p> <p> </p> <p> <li> <a href="#"> Item 1</a> </li> </p> <p> </p> <p> <li class="sel"> <a href="#"> Item 1</a> </li> </p> <p> </p> <p> <li> <a href="#"> Item 1</a> </li> </p> <p> </p> <p> </ul> </p> <p> </p> <p> <span style="font-family: 瀹嬩綋">鏍峰紡瀹氫箟鏄細(xì)</span></p> <p> </p> <p> #subnav { /* Some styling */ } </p> <p> </p> <p> #subnav li { /* Some styling */ } </p> <p> </p> <p> #subnav a { /* Some styling */ } </p> <p> </p> <p> #subnav .sel { /* Some styling */ } </p> <p> </p> <p> </p> <p>#subnav .sel a { /* Some styling */ } </p> <p> </p> <p> <span style="font-family: 瀹嬩綋">鐢ㄥ瓙閫夋嫨鍣ㄥ彲浠ヤ嬌浣犵殑浠ｇ爜鍜?/span>CSS<span style="font-family: 瀹嬩綋">鏇村姞綆媧併佹洿鍔犲鏄撻槄璇匯?/span></p> <p> </p> <p> </p> <p> <span style="font-family: 瀹嬩綋">鍗?/span>.<span style="font-family: 瀹嬩綋">涓嶉渶瑕佺粰鑳屾櫙鍥劇墖璺緞鍔犲紩鍙?/span></p> <p> </p> <p> <span style="font-family: 瀹嬩綋">涓轟簡(jiǎn)鑺傜渷瀛楄妭錛屾垜寤鴻涓嶈緇欒儗鏅浘鐗囪礬寰勫姞寮曞彿錛屽洜涓哄紩鍙蜂笉鏄繀欏葷殑銆備緥濡傦細(xì)</span></p> <p> </p> <p> background:url("images/***.gif") #333; </p> <p> </p> <p> <span style="font-family: 瀹嬩綋">鍙互鍐欎負(fù)</span></p> <p> </p> <p> background:url(images/***.gif) #333; </p> <p> </p> <p> </p> <p> <span style="font-family: 瀹嬩綋">濡傛灉浣犲姞浜?jiǎn)寮曞忴P紝鍙嶈屼細(xì)寮曡搗涓浜涙祻瑙堝櫒鐨勯敊璇?/span></p> <p> </p> <p> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍗佷竴</span>.<span style="font-family: 瀹嬩綋">緇勯夋嫨鍣?/span>(Group selectors)</p> <p> </p> <p> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">褰撲竴浜涘厓绱犵被鍨嬨?/span>class<span style="font-family: 瀹嬩綋">鎴栬?/span>id<span style="font-family: 瀹嬩綋">閮芥湁鍏卞悓鐨勪竴浜涘睘鎬э紝浣犲氨鍙互浣跨敤緇勯夋嫨鍣ㄦ潵閬垮厤澶氭鐨勯噸澶嶅畾涔夈傝繖鍙互鑺傜渷涓嶅皯瀛楄妭銆?/span></p> <p> </p> <p> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">渚嬪錛氬畾涔夋墍鏈夋爣棰樼殑瀛椾綋銆侀鑹插拰</span>margin<span style="font-family: 瀹嬩綋">錛屼綘鍙互榪欐牱鍐欙細(xì)</span></p> <p> </p> <p> </p> <p> </p> <p>h1,h2,h3,h4,h5,h6 { </p> <p> </p> <p> </p> <p> </p> <p>font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif; </p> <p> </p> <p> color:#333; </p> <p> </p> <p> </p> <p> margin:1em 0; </p> <p> </p> <p> </p> <p>} </p> <p> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">濡傛灉鍦ㄤ嬌鐢ㄦ椂錛屾湁涓埆鍏冪礌闇瑕佸畾涔夌嫭绔嬫牱寮忥紝浣犲彲浠ュ啀鍔犱笂鏂扮殑瀹氫箟錛屽彲浠ヨ鐩栬佺殑瀹氫箟錛屼緥濡傦細(xì)</span></p> <p> </p> <p> </p> <p> h1 { font-size:2em; } </p> <p> </p> <p> h2 { font-size:1.6em; } </p> <p> </p> <p> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">鍗佷簩</span>.<span style="font-family: 瀹嬩綋">鐢ㄦ紜殑欏哄簭鎸囧畾閾炬帴鐨勬牱寮?/span></p> <p> </p> <p><span style="font-family: 瀹嬩綋">褰撲綘鐢?/span>CSS<span style="font-family: 瀹嬩綋">鏉ュ畾涔夐摼鎺ョ殑澶氫釜鐘舵佹牱寮忔椂錛岃娉ㄦ剰瀹冧滑涔﹀啓鐨勯『搴忥紝姝ｇ‘鐨勯『搴忔槸錛?/span>:link :visited :hover :active<span style="font-family: 瀹嬩綋">銆傛娊鍙栫涓涓瓧姣嶆槸</span>"LVHA"<span style="font-family: 瀹嬩綋">錛屼綘鍙互璁板繂鎴?/span>"LoVe HAte"(<span style="font-family: 瀹嬩綋">鍠滄璁ㄥ帉</span>)<span style="font-family: 瀹嬩綋">銆備負(fù)浠涔堣繖涔堝畾涔夛紝鍙互鍙傝?/span>Eric Meyer<span style="font-family: 瀹嬩綋">鐨勩?/span>Link Specificity<span style="font-family: 瀹嬩綋">銆嬨?/span></p> <p> </p> <p> </p> <p><span style="font-family: 瀹嬩綋">濡傛灉浣犵殑鐢ㄦ埛闇瑕佺敤閿洏鏉ユ帶鍒訛紝闇瑕佺煡閬撳綋鍓嶉摼鎺ョ殑鐒︾偣錛屼綘榪樺彲浠ュ畾涔?/span>:focus<span style="font-family: 瀹嬩綋">灞炴с?/span>:focus<span style="font-family: 瀹嬩綋">灞炴х殑鏁堟灉涔熷彇鍐充笌浣犱功鍐欑殑浣嶇疆錛屽鏋滀綘甯屾湜鑱氱劍鍏冪礌鏄劇ず</span>:hover<span style="font-family: 瀹嬩綋">鏁堟灉錛屼綘灝辨妸</span>:focus<span style="font-family: 瀹嬩綋">鍐欏湪</span>:hover<span style="font-family: 瀹嬩綋">鍓嶉潰</span>;<span style="font-family: 瀹嬩綋">濡傛灉浣犲笇鏈涜仛鐒︽晥鏋滄浛浠?/span>:hover<span style="font-family: 瀹嬩綋">鏁堟灉錛屼綘灝辨妸</span>:focus<span style="font-family: 瀹嬩綋">鏀懼湪</span>:hover<span style="font-family: 瀹嬩綋">鍚庨潰銆?/span></p> <p>絎笁璁插畬姣曪紝璇瘋揪浜哄澶氭寚鐐癸紒</p> </div> <span style="color: #000000"><strong><span style="color: #ff0000"><strong>css鏍峰紡琛ㄧ殑浣跨敤鎶宸с愬洓銆?/strong> </span></strong><br /> <div> <p> <img alt="" src="http://www.cnblogs.com/Emoticons/yoyocici/224023586.gif" />鎺ヤ笂鏈熺戶緇紒</p> <p><span style="font-family: 瀹嬩綋">鍗佷笁</span>.<span style="font-family: 瀹嬩綋">娓呴櫎嫻姩</span></p> <p> <span style="font-family: 瀹嬩綋">涓涓潪甯稿父瑙佺殑</span>CSS<span style="font-family: 瀹嬩綋">闂錛屽畾浣嶄嬌鐢ㄦ誕鍔ㄧ殑鏃跺欙紝涓嬮潰鐨勫眰琚誕鍔ㄧ殑灞傛墍瑕嗙洊錛屾垨鑰呭眰閲屽祵濂楃殑瀛愬眰瓚呭嚭浜?jiǎn)澶栧眰鐨勮寖鍥淬?/span></p> <p> <span style="font-family: 瀹嬩綋">閫氬父鐨勮В鍐沖姙娉曟槸鍦ㄦ誕鍔ㄥ眰鍚庨潰娣誨姞涓涓澶栧厓绱狅紝渚嬪涓涓?/span>div<span style="font-family: 瀹嬩綋">鎴栬呬竴涓?/span>br<span style="font-family: 瀹嬩綋">錛屽茍涓斿畾涔夊畠鐨勬牱寮忎負(fù)</span>clear: both<span style="font-family: 瀹嬩綋">銆傝繖涓姙娉曟湁涓鐐圭壍寮猴紝騫歌繍鐨勬槸榪樻湁涓涓ソ鍔炴硶鍙互瑙ｅ喅錛?/span></p> <p> <span style="font-family: 瀹嬩綋">涓婇潰</span>2<span style="font-family: 瀹嬩綋">縐嶆柟娉曞彲浠ュ緢濂借В鍐蟲誕鍔ㄨ秴鍑虹殑闂錛屼絾鏄鏋滃綋浣犵湡鐨勯渶瑕佸灞傛垨鑰呭眰閲岀殑瀵硅薄榪涜</span>clear<span style="font-family: 瀹嬩綋">鐨勬椂鍊欐庝箞鍔?/span>?<span style="font-family: 瀹嬩綋">涓縐嶇畝鍗曠殑鏂規(guī)硶灝辨槸鐢?/span>overflow<span style="font-family: 瀹嬩綋">灞炴э紝榪欎釜鏂規(guī)硶鏈鍒濈殑鍙戣〃鍦ㄣ?/span>Simple Clearing of Floats<span style="font-family: 瀹嬩綋">銆嬶紝鍙堝湪銆?/span>Clearance<span style="font-family: 瀹嬩綋">銆嬪拰銆?/span>Super simple clearing floats<span style="font-family: 瀹嬩綋">銆嬩腑琚箍娉涜璁恒?/span></p> <p> <span style="font-family: 瀹嬩綋">涓婇潰閭ｄ竴縐?/span>clear<span style="font-family: 瀹嬩綋">鏂規(guī)硶鏇撮傚悎浣狅紝瑕佺湅鍏蜂綋鐨勬儏鍐碉紝榪欓噷涓嶅啀灞曞紑璁鴻堪銆傚彟澶栧叧浜?/span>float<span style="font-family: 瀹嬩綋">鐨勫簲鐢紝涓浜涗紭縐鐨勬枃绔犲凡緇忚寰楀緢娓呮錛屾帹鑽愪綘闃呰錛氥?/span>Floatutorial<span style="font-family: 瀹嬩綋">銆嬨併?/span>Containing Floats<span style="font-family: 瀹嬩綋">銆嬪拰銆?/span>Float Layouts<span style="font-family: 瀹嬩綋">銆?/span></p> <p><span style="font-family: 瀹嬩綋">鍗佸洓</span>.<span style="font-family: 瀹嬩綋">妯悜灞呬腑</span>(centering)</p> <p><span style="font-family: 瀹嬩綋">榪欐槸涓涓畝鍗曠殑鎶宸э紝浣嗘槸鍊煎緱鍐嶈涓閬嶏紝鍥犱負(fù)鎴戠湅瑙佸お澶氱殑鏂版墜闂閮芥槸闂繖涓細(xì)</span>CSS<span style="font-family: 瀹嬩綋">濡備綍妯悜灞呬腑</span>?<span style="font-family: 瀹嬩綋">浣犻渶瑕佸畾涔夊厓绱犵殑瀹斤紝騫朵笖瀹氫箟妯悜鐨?/span>margin<span style="font-family: 瀹嬩綋">錛屽鏋滀綘鐨勫竷灞鍖呭惈鍦ㄤ竴涓眰</span>(<span style="font-family: 瀹嬩綋">瀹瑰櫒</span>)<span style="font-family: 瀹嬩綋">涓紝灝辮薄榪欐牱錛?/span></p> <p><span style="font-family: 瀹嬩綋">浣犲彲浠ヨ繖鏍峰畾涔変嬌瀹冩í鍚戝眳涓細(xì)</span></p> <p>#wrap {</p> <p>width:760px; /* <span style="font-family: 瀹嬩綋">淇敼涓轟綘鐨勫眰鐨勫搴?/span> */</p> <p>margin:0 auto;</p> <p>}</p> <p><span style="font-family: 瀹嬩綋">浣嗘槸</span>IE5/Win<span style="font-family: 瀹嬩綋">涓嶈兘姝ｇ‘鏄劇ず榪欎釜瀹氫箟錛屾垜浠噰鐢ㄤ竴涓潪甯告湁鐢ㄧ殑鎶宸ф潵瑙ｅ喅錛氱敤</span>text-align<span style="font-family: 瀹嬩綋">灞炴с傚氨璞¤繖鏍鳳細(xì)</span></p> <p>body {</p> <p>text-align:center;</p> <p>}</p> <p>#wrap {</p> <p>width:760px; /* <span style="font-family: 瀹嬩綋">淇敼涓轟綘鐨勫眰鐨勫搴?/span> */</p> <p>margin:0 auto;</p> <p>text-align:left;</p> <p>}</p> <p><span style="font-family: 瀹嬩綋">絎竴涓?/span>body<span style="font-family: 瀹嬩綋">鐨?/span>text-align:center; <span style="font-family: 瀹嬩綋">瑙勫垯瀹氫箟</span>IE5/Win<span style="font-family: 瀹嬩綋">涓?/span>body<span style="font-family: 瀹嬩綋">鐨勬墍鏈夊厓绱犲眳涓?/span>(<span style="font-family: 瀹嬩綋">鍏朵粬嫻忚鍣ㄥ彧鏄皢鏂囧瓧灞呬腑</span>) <span style="font-family: 瀹嬩綋">錛岀浜屼釜</span>text-align:left;<span style="font-family: 瀹嬩綋">鏄皢</span>#warp<span style="font-family: 瀹嬩綋">涓殑鏂囧瓧灞呭乏銆?/span></p> <p><span style="font-family: 瀹嬩綋">鍗佷簲</span>.<span style="font-family: 瀹嬩綋">瀵煎叆</span>(Import)<span style="font-family: 瀹嬩綋">鍜岄殣钘?/span>CSS</p> <p><span style="font-family: 瀹嬩綋">鍥犱負(fù)鑰佺増鏈祻瑙堝櫒涓嶆敮鎸?/span>CSS<span style="font-family: 瀹嬩綋">錛屼竴涓氬父鐨勫仛娉曟槸浣跨敤</span>@import<span style="font-family: 瀹嬩綋">鎶宸ф潵鎶?/span>CSS<span style="font-family: 瀹嬩綋">闅愯棌璧鋒潵銆備緥濡傦細(xì)</span></p> <p>@import url("main.css");</p> <p><span style="font-family: 瀹嬩綋">鐒惰岋紝榪欎釜鏂規(guī)硶瀵?/span>IE4<span style="font-family: 瀹嬩綋">涓嶈搗浣滅敤錛岃繖璁╂垜寰堟槸澶寸柤浜?jiǎn)涓闃靛瓙銆傚悗鏉ユ垜鐢ㄨ繖鏍風(fēng)殑鍐欐硶錛?/span></p> <p>@import "main.css";</p> <p><span style="font-family: 瀹嬩綋">榪欐牱灝卞彲浠ュ湪</span>IE4<span style="font-family: 瀹嬩綋">涓篃闅愯棌</span>CSS<span style="font-family: 瀹嬩綋">浜?jiǎn)锛屽懙鍛靛Q岃繕鑺傜渷浜?/span>5<span style="font-family: 瀹嬩綋">涓瓧鑺傚憿銆?/span></p> <p><span style="font-family: 瀹嬩綋">  </p> <p><span style="font-family: 瀹嬩綋">鍗佸叚</span>.<span style="font-family: 瀹嬩綋">閽堝</span>IE<span style="font-family: 瀹嬩綋">鐨勪紭鍖?/span></p> <p><span style="font-family: 瀹嬩綋">鏈変簺鏃跺欙紝浣犻渶瑕佸</span>IE<span style="font-family: 瀹嬩綋">嫻忚鍣ㄧ殑</span>bug<span style="font-family: 瀹嬩綋">瀹氫箟涓浜涚壒鍒殑瑙勫垯錛岃繖閲屾湁澶鐨?/span>CSS<span style="font-family: 瀹嬩綋">鎶宸?/span>(hacks)<span style="font-family: 瀹嬩綋">錛屾垜鍙嬌鐢ㄥ叾涓殑涓ょ鏂規(guī)硶錛屼笉綆″井杞湪鍗沖皢鍙戝竷鐨?/span>IE7 beta<span style="font-family: 瀹嬩綋">鐗堥噷鏄惁鏇村ソ鐨勬敮鎸?/span>CSS<span style="font-family: 瀹嬩綋">錛岃繖涓ょ鏂規(guī)硶閮芥槸鏈瀹夊叏鐨勩?/span></p> <p>1.<span style="font-family: 瀹嬩綋">娉ㄩ噴鐨勬柟娉?/span></p> <p>(a)<span style="font-family: 瀹嬩綋">鍦?/span>IE<span style="font-family: 瀹嬩綋">涓殣钘忎竴涓?/span>CSS<span style="font-family: 瀹嬩綋">瀹氫箟錛屼綘鍙互浣跨敤瀛愰夋嫨鍣?/span>(child selector):</p> <p>html>body p {</p> <p>/* <span style="font-family: 瀹嬩綋">瀹氫箟鍐呭</span> */</p> <p>}</p> <p>(b)<span style="font-family: 瀹嬩綋">涓嬮潰榪欎釜鍐欐硶鍙湁</span>IE<span style="font-family: 瀹嬩綋">嫻忚鍣ㄥ彲浠ョ悊瑙?/span>(<span style="font-family: 瀹嬩綋">瀵瑰叾浠栨祻瑙堝櫒閮介殣钘?/span>)</p> <p>* html p {</p> <p>/* declarations */</p> <p>}</p> <p>(c)<span style="font-family: 瀹嬩綋">榪樻湁浜涙椂鍊欙紝浣犲笇鏈?/span>IE/Win<span style="font-family: 瀹嬩綋">鏈夋晥鑰?/span>IE/Mac<span style="font-family: 瀹嬩綋">闅愯棌錛屼綘鍙互浣跨敤</span>"<span style="font-family: 瀹嬩綋">鍙嶆枩綰?/span>"<span style="font-family: 瀹嬩綋">鎶宸э細(xì)</span></p> <p>/* "*/</p> <p>* html p {</p> <p>declarations</p> <p>}</p> <p>/* */</p> <p>2.<span style="font-family: 瀹嬩綋">鏉′歡娉ㄩ噴</span>(conditional comments)<span style="font-family: 瀹嬩綋">鐨勬柟娉?/span></p> <p><span style="font-family: 瀹嬩綋">鍙﹀涓縐嶆柟娉曪紝鎴戣涓烘瘮</span>CSS<span style="font-family: 瀹嬩綋">銆</span>Hacks<span style="font-family: 瀹嬩綋">鏇村姞緇忓緱璧瘋(gè)冮獙灝辨槸閲囩敤寰蔣鐨勭鏈夊睘鎬ф潯浠舵敞閲?/span>(conditional comments)<span style="font-family: 瀹嬩綋">銆傜敤榪欎釜鏂規(guī)硶浣犲彲浠ョ粰</span>IE<span style="font-family: 瀹嬩綋">鍗曠嫭瀹氫箟涓浜涙牱寮忥紝鑰屼笉褰卞搷涓繪牱寮忚〃鐨勫畾涔夈傚氨璞¤繖鏍鳳細(xì)</span></p> <p><span style="font-family: 瀹嬩綋">鍗佷竷</span>.<span style="font-family: 瀹嬩綋">璋冭瘯鎶宸э細(xì)灞傛湁澶氬ぇ</span>?</p> <p><span style="font-family: 瀹嬩綋">褰撹皟璇?/span>CSS<span style="font-family: 瀹嬩綋">鍙戠敓閿欒錛屼綘灝辮璞℃帓鐗堝伐浜猴紝閫愯鍒嗘瀽</span>CSS<span style="font-family: 瀹嬩綋">浠ｇ爜銆傛垜閫氬父鍦ㄥ嚭闂鐨勫眰涓婂畾涔変竴涓儗鏅鑹詫紝榪欐牱灝辮兘寰堟槑鏄劇湅鍒板眰鍗犳嵁澶氬ぇ絀洪棿銆傛湁浜涗漢寤鴻鐢?/span>border<span style="font-family: 瀹嬩綋">錛屼竴鑸儏鍐典篃鏄彲浠ョ殑錛屼絾闂鏄紝鏈夋椂鍊?/span>border <span style="font-family: 瀹嬩綋">浼?xì)澧炲姞鍏冪礌鐨劄瀵稿Q?/span>border-top<span style="font-family: 瀹嬩綋">鍜?/span>boeder-bottom<span style="font-family: 瀹嬩綋">浼?xì)鐮村潖绾靛?/span>margin<span style="font-family: 瀹嬩綋">鐨勫鹼紝鎵浠ヤ嬌鐢?/span>background<span style="font-family: 瀹嬩綋">鏇村姞瀹夊叏浜涖?/span></p> <p><span style="font-family: 瀹嬩綋">鍙﹀涓涓粡甯稿嚭闂鐨勫睘鎬ф槸</span>outline<span style="font-family: 瀹嬩綋">銆?/span>outline<span style="font-family: 瀹嬩綋">鐪嬭搗鏉ヨ薄</span>boeder<span style="font-family: 瀹嬩綋">錛屼絾涓嶄細(xì)褰卞搷鍏冪礌鐨勫昂瀵告垨鑰呬綅緗傚彧鏈夊皯鏁版祻瑙堝櫒鏀寔</span>outline<span style="font-family: 瀹嬩綋">灞炴э紝鎴戞墍鐭ラ亾鐨勫彧鏈?/span>Safari<span style="font-family: 瀹嬩綋">銆?/span>OmniWeb<span style="font-family: 瀹嬩綋">銆佸拰</span>Opera<span style="font-family: 瀹嬩綋">銆?/span></p> <p><span style="font-family: 瀹嬩綋">鍗佸叓</span>.CSS<span style="font-family: 瀹嬩綋">浠ｇ爜涔﹀啓鏍峰紡</span></p> <p><span style="font-family: 瀹嬩綋">鍦ㄥ啓</span>CSS<span style="font-family: 瀹嬩綋">浠ｇ爜鐨勬椂鍊欙紝瀵逛簬緙╄繘銆佹柇琛屻佺┖鏍鹼紝姣忎釜浜烘湁姣忎釜浜虹殑涔﹀啓涔?fàn)鎯傚湪緇忚繃涓嶆柇瀹炶返鍚庯紝鎴戝喅瀹氶噰鐢ㄤ笅闈㈣繖鏍風(fēng)殑涔﹀啓鏍峰紡錛?/span></p> <p>selector1,</p> <p>selector2 {</p> <p>property:value;</p> <p>}</p> <p><span style="font-family: 瀹嬩綋">褰撲嬌鐢ㄨ仈鍚堝畾涔夋椂錛屾垜閫氬父灝嗘瘡涓夋嫨鍣ㄥ崟鐙啓涓琛岋紝榪欐牱鏂逛究鍦?/span>CSS<span style="font-family: 瀹嬩綋">鏂囦歡涓壘鍒板畠浠傚湪鏈鍚庝竴涓夋嫨鍣ㄥ拰澶ф嫭鍙?/span>{<span style="font-family: 瀹嬩綋">涔嬮棿鍔犱竴涓┖鏍鹼紝姣忎釜瀹氫箟涔熷崟鐙啓涓琛岋紝鍒嗗彿鐩存帴鍦ㄥ睘鎬у煎悗錛屼笉瑕佸姞絀烘牸銆?/span></p> <p><span style="font-family: 瀹嬩綋">鎴戜範(fàn)鎯湪姣忎釜灞炴у煎悗闈㈤兘鍔犲垎鍙鳳紝铏界劧瑙勫垯涓婂厑璁告渶鍚庝竴涓睘鎬у煎悗闈㈠彲浠ヤ笉鍐欏垎鍙鳳紝浣嗘槸濡傛灉浣犺鍔犳柊鏍峰紡鏃跺鏄撳繕璁拌ˉ涓婂垎鍙瘋(gè)屼駭鐢熼敊璇紝鎵浠ヨ繕鏄兘鍔犳瘮杈冨ソ銆?/span></p> <p><span style="font-family: 瀹嬩綋">鏈鍚庯紝鍏抽棴鐨勫ぇ鎷彿</span>}<span style="font-family: 瀹嬩綋">鍗曠嫭鍐欎竴琛屻傜┖鏍煎拰鎹㈣鏈夊姪涓庨槄璇匯?/span></p> <p>鏈鍚庝竴璁茬粨鏉燂紝鎰熻阿澶у鏉ョ湅璐達(dá)紒</p> <p>紲濆ぇ瀹跺伐浣滄剦蹇紑蹇?jī)锛佽阿璋㈠Q?img alt="" src="http://www.cnblogs.com/Emoticons/tusiji/203330988.gif" /></span></p> </div> </span></span> <img src ="http://m.tkk7.com/xiaoyi/aggbug/280362.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/xiaoyi/" target="_blank">鍙埍鐨勫皬姣?/a> 2009-06-06 20:28 <a href="http://m.tkk7.com/xiaoyi/articles/280362.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>css鍙戝厜瀛?/title><link>http://m.tkk7.com/xiaoyi/articles/232056.html</link><dc:creator>鍙埍鐨勫皬姣?/dc:creator><author>鍙埍鐨勫皬姣?/author><pubDate>Wed, 01 Oct 2008 18:43:00 GMT</pubDate><guid>http://m.tkk7.com/xiaoyi/articles/232056.html</guid><wfw:comment>http://m.tkk7.com/xiaoyi/comments/232056.html</wfw:comment><comments>http://m.tkk7.com/xiaoyi/articles/232056.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/xiaoyi/comments/commentRss/232056.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/xiaoyi/services/trackbacks/232056.html</trackback:ping><description><![CDATA[<p style="filter: glow(color:#DD002C,strength=3); color: #ffffff; height: 12px">css鍙戝厜瀛楀氨榪欎箞綆鍗?瀛椾綋棰滆壊榛樿鐧借壊(#ffffff)姣旇緝濂?#DD002C涓哄彂鍏夐鑹?</p> <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img src="http://m.tkk7.com/images/OutliningIndicators/None.gif" align="top" alt="" /><span style="color: #0000ff"><</span><span style="color: #800000">p </span><span style="color: #ff0000">style</span><span style="color: #0000ff">="filter:glow(color:#DD002C,strength=3); height:12px; color:#ffffff;"</span><span style="color: #0000ff">></span><span style="color: #000000"><br /> <img src="http://m.tkk7.com/images/OutliningIndicators/None.gif" align="top" alt="" />css鍙戝厜瀛楀氨榪欎箞綆鍗?瀛椾綋棰滆壊榛樿鐧借壊(#ffffff)姣旇緝濂?#DD002C涓哄彂鍏夐鑹?/span></div> <img src ="http://m.tkk7.com/xiaoyi/aggbug/232056.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/xiaoyi/" target="_blank">鍙埍鐨勫皬姣?/a> 2008-10-02 02:43 <a href="http://m.tkk7.com/xiaoyi/articles/232056.html#Feedback" target="_blank" style="text-decoration:none;">鍙戣〃璇勮</a></div>]]></description></item><item><title>css棰滆壊浠ｇ爜澶у叏http://m.tkk7.com/xiaoyi/articles/228878.html鍙埍鐨勫皬姣?/dc:creator>鍙埍鐨勫皬姣?/author>Sun, 14 Sep 2008 05:58:00 GMThttp://m.tkk7.com/xiaoyi/articles/228878.htmlhttp://m.tkk7.com/xiaoyi/comments/228878.htmlhttp://m.tkk7.com/xiaoyi/articles/228878.html#Feedback0http://m.tkk7.com/xiaoyi/comments/commentRss/228878.htmlhttp://m.tkk7.com/xiaoyi/services/trackbacks/228878.html
FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000
#FFB7DD #FF88C2 #FF44AA #FF0088 #C10066 #A20055 #8C0044
#FFCCCC #FF8888 #FF3333 #FF0000 #CC0000 #AA0000 #880000
#FFC8B4 #FFA488 #FF7744 #FF5511 #E63F00 #C63300 #A42D00
#FFDDAA #FFBB66 #FFAA33 #FF8800 #EE7700 #CC6600 #BB5500
#FFEE99 #FFDD55 #FFCC22 #FFBB00 #DDAA00 #AA7700 #886600
#FFFFBB #FFFF77 #FFFF33 #FFFF00 #EEEE00 #BBBB00 #888800
#EEFFBB #DDFF77 #CCFF33 #BBFF00 #99DD00 #88AA00 #668800
#CCFF99 #BBFF66 #99FF33 #77FF00 #66DD00 #55AA00 #227700
#99FF99 #66FF66 #33FF33 #00FF00 #00DD00 #00AA00 #008800
#BBFFEE #77FFCC #33FFAA #00FF99 #00DD77 #00AA55 #008844
#AAFFEE #77FFEE #33FFDD #00FFCC #00DDAA #00AA88 #008866
#99FFFF #66FFFF #33FFFF #00FFFF #00DDDD #00AAAA #008888
#CCEEFF #77DDFF #33CCFF #00BBFF #009FCC #0088A8 #007799
#CCDDFF #99BBFF #5599FF #0066FF #0044BB #003C9D #003377
#CCCCFF #9999FF #5555FF #0000FF #0000CC #0000AA #000088
#CCBBFF #9F88FF #7744FF #5500FF #4400CC #2200AA #220088
#D1BBFF #B088FF #9955FF #7700FF #5500DD #4400B3 #3A0088
#E8CCFF #D28EFF #B94FFF #9900FF #7700BB #66009D #550088
#F0BBFF #E38EFF #E93EFF #CC00FF #A500CC #7A0099 #660077
#FFB3FF #FF77FF #FF3EFF #FF0 0FF #CC00CC #990099 #770077

欏忚壊鍚嶇ū 浠ｇ⒓

欏忚壊
maroon #800000 銆
darkred #8B0000 銆
brown #A52A2A 銆
firebrick #B22222 銆
crimson #DC143C 銆
red #FF0000 銆

妗冪磪~绱涚磪

欏忚壊鍚嶇ū 浠ｇ⒓

欏忚壊
mediumvioletred #C71585 銆
palevioletred #D87093 銆
deeppink #FF1493 銆
fuchsia(magenta) #FF00FF 銆
hotpink #FF69B4 銆
pink #FFC0CB 銆
lightpink #FFB6C1 銆
mistyrose #FFE4E1 銆
lavenderblush #FFF0F5 銆

绱?br />

欏忚壊鍚嶇ū 浠ｇ⒓

欏忚壊
indigo #4B0082 銆
purple #800080 銆
darkmagenta #8B008B 銆
darkorchid #9932CC 銆
blueviolet #8A2BE2 銆
darkviolet #9400D3 銆
slateblue #6A5ACD 銆
mediumpurple #9370DB 銆
mediumslateblue #7B68EE 銆
mediumorchid #BA55D3 銆
violet #EE82EE 銆
plum #DDA0DD 銆
thistle #D8BFD8 銆
lavender #E6E6FA 銆

瑜悀姍榽綾崇櫧

欏忚壊鍚嶇ū 浠ｇ⒓

欏忚壊
saddlebrown #8B4513 銆
sIEnna #A0522D 銆
chocolate #D2691E 銆
indianred #CD5C5C 銆
rosybrown #BC8F8F 銆
lightcorol #F08080 銆
salmon #FA8072 銆
lightsalmon #FFA07A 銆
orangered #FF4500 銆
tomato #FF6347 銆
coral #FF7F50 銆
darkorange #FF8C00 銆
sandybrown #F4A460 銆
peru #CD853F 銆
tan #D2B48C 銆
burlywood #DEB887 銆
wheat #F5DEB3 銆
moccasin #FFE4B5 銆
navajowhite #FFDEAD 銆
peachpuff #FFDAB9 銆
bisque #FFE4C4 銆
antuquewhite #FAEBD7 銆
papayawhip #FFEFD5 銆
cornsilk #FFF8DC 銆
oldlace #FDF5E6 銆
linen #FAF0E6 銆
seashell #FFF5EE 銆
snow #FFFAFA 銆
floralwhite #FFFAF0 銆
ivory #FFFFF0 銆
mintcream #F5FFFA 銆

閲憕榛?br />

欏忚壊鍚嶇ū 浠ｇ⒓

欏忚壊
darkgoldenrod #B8860B 銆
goldenrod #DAA520 銆
gold #FFD700 銆
yellow #FFFF00 銆
darkkhaki #BDB76B 銆
khaki #F0E68C 銆
palegoldenrod #EEE8AA 銆
beige #F5F5DC 銆
lemonchiffon #FFFACD 銆
lightgoldenrodyellow #FAFAD2 銆
lightyellow #FFFFE0 銆

~榛?br />

綞?/font>

欏忚壊鍚嶇ū 浠ｇ⒓

欏忚壊
darkslategray #2F4F4F 銆
darkolivegreen #556B2F 銆
olive #808000 銆
darkgreen #006400 銆
forestgreen #228B22 銆
seagreen #2E8B57 銆
green(teal) #008080 銆
lightseagreen #20B2AA 銆
madiumaquamarine #66CDAA 銆
mediumseagreen #3CB371 銆
darkseagreen #8FBC8F 銆
yellowgreen #9ACD32 銆
limegreen #32CD32 銆
lime #00FF00 銆
chartreuse #7FFF00 銆
lawngreen #7CFC00 銆
greenyellow #ADFF2F 銆
mediumspringgreen #00FA9A 銆
springgreen #00FF7F 銆
lightgreen #90EE90 銆
palegreen #98F898 銆
aquamarine #7FFFD4 銆
honeydew #F0FFF0 銆

钘?/font>

欏忚壊鍚嶇ū 浠ｇ⒓

欏忚壊
midnightblue #191970 銆
navy #000080 銆
darkblue #00008B 銆
darkslateblue #483D8B 銆
mediumblue #0000CD 銆
royalblue #4169E1 銆
dodgerblue #1E90FF 銆
cornflowerblue #6495ED 銆
deepskyblue #00BFFF 銆
lightskyblue #87CEFA 銆
lightsteelblue #B0C4DE 銆
lightblue #ADD8E6 銆
steelblue #4682B4 銆
darkcyan #008B8B 銆
cadetblue #5F9EA0 銆
darkturquoise #00CED1 銆
mediumturquoise #48D1CC 銆
turquoise #40E0D0 銆
skyblue #87CECB 銆
powderblue #B0E0E6 銆
paleturquoise #AFEEEE 銆
lightcyan #E0FFFF 銆
azure #F0FFFF 銆
aliceblue #F0F8FF 銆
aqua(cyan) #00FFFF 銆

榛憕鐏皛鐧?/font>

欏忚壊鍚嶇ū

 浠ｇ⒓

欏忚壊

black

#000000

銆

dimgray

#696969

銆

gray

#808080

銆

slategray

#708090

銆

lightslategray

#778899

銆

darkgray

#A9A9A9

銆

silver

#C0C0C0

銆

lightgray

#D3D3D3

銆

gainsboro

#DCDCDC

銆

whitesmoke

#F5F5F5

銆

ghostwhite

#F8F8FF

銆

white

#FFFFFF


]]>棰滆壊鑻辨枃浠ｇ爜鍏ㄩ泦http://m.tkk7.com/xiaoyi/articles/227389.html鍙埍鐨勫皬姣?/dc:creator>鍙埍鐨勫皬姣?/author>Sat, 06 Sep 2008 04:38:00 GMThttp://m.tkk7.com/xiaoyi/articles/227389.htmlhttp://m.tkk7.com/xiaoyi/comments/227389.htmlhttp://m.tkk7.com/xiaoyi/articles/227389.html#Feedback0http://m.tkk7.com/xiaoyi/comments/commentRss/227389.htmlhttp://m.tkk7.com/xiaoyi/services/trackbacks/227389.html闃呰鍏ㄦ枃

]]> 主站蜘蛛池模板： 69影院毛片免费观看视频在线| 亚洲人成人一区二区三区| 久久爰www免费人成| 精品久久久久久久久亚洲偷窥女厕| 亚洲精品在线观看视频| 亚洲精品乱码久久久久久不卡 | 黑人大战亚洲人精品一区| 女人18毛片免费观看| 日韩在线播放全免费| 久久免费区一区二区三波多野| 日韩毛片在线免费观看| 亚洲色中文字幕在线播放| 久久夜色精品国产噜噜噜亚洲AV| 久久精品国产亚洲综合色| 亚洲男人av香蕉爽爽爽爽| 国产免费资源高清小视频在线观看| 在人线av无码免费高潮喷水| 亚洲精品在线免费观看视频| 日韩免费的视频在线观看香蕉| 羞羞视频免费网站日本| 国产亚洲视频在线| 亚洲AV无码之国产精品| 亚洲精品无码成人片久久不卡| 色老板亚洲视频免在线观 | 91精品国产免费网站| 男女作爱在线播放免费网站| 国产偷伦视频免费观看| 国产午夜精品免费一区二区三区| 中国一级毛片视频免费看| a级黄色毛片免费播放视频| a在线观看免费视频| 免费网站观看WWW在线观看| 大地资源网高清在线观看免费 | 亚洲伊人成无码综合网| 又色又污又黄无遮挡的免费视| 日本免费人成黄页在线观看视频| 日本成人免费在线| 四虎免费久久影院| jlzzjlzz亚洲乱熟在线播放| 亚洲日韩在线观看免费视频| 亚洲色偷偷综合亚洲AVYP|