??xml version="1.0" encoding="utf-8" standalone="yes"?>色视频精品视频在线观看,久久久久久久综合日本,国产精品视频久久一区http://www.aygfsteel.com/xiaoyi/category/33891.html阛_d风雨?让我们在雨中毅然前行,收获每一份喜(zhn)的Ƣ笑o(∩_?o...zh-cnTue, 15 Sep 2009 08:54:04 GMTTue, 15 Sep 2009 08:54:04 GMT60毅整理?-----CSS选择?/title><link>http://www.aygfsteel.com/xiaoyi/articles/294519.html</link><dc:creator>可爱的小?/dc:creator><author>可爱的小?/author><pubDate>Wed, 09 Sep 2009 16:42:00 GMT</pubDate><guid>http://www.aygfsteel.com/xiaoyi/articles/294519.html</guid><wfw:comment>http://www.aygfsteel.com/xiaoyi/comments/294519.html</wfw:comment><comments>http://www.aygfsteel.com/xiaoyi/articles/294519.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/xiaoyi/comments/commentRss/294519.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/xiaoyi/services/trackbacks/294519.html</trackback:ping><description><![CDATA[一直对q个地方p里p涂Q这ơ借了(jin)一本书Q争取将css强化一?<br /> CSS的几U选择器:(x)<br /> <ul> <li>标记选择器:(x) </li> </ul>     定义html或者xhtml标签的通用CSS样式Q定义语句前无前~。例如:(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>cd选择器:(x) </li> </ul>     通过定义单独的class来定义对应样式,定义语句前缀?'.'。例如:(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元素的标{ID来定义对应样式,定义语句前缀?'#'。例如:(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 /> 另外Q可以通过q几U选择器组合定义复合选择器,例如Q?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">W一D?lt;/p><br /> <h1 class="firstPar">W一D|?lt;/h1></span></div> <br /> <ul> <li>全局选择器:(x) </li> </ul> 如果惌一个页面中所有html标记使用同一U样式,可以定义一U全局选择器:(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>W一D?lt;/p><br /> <h1>W一D|?lt;/h1></span></div> <br /> <ul> <li>后代选择器:(x) </li> </ul> 可以通过嵌套的方式,对特D位|的html标记q行声明。后代选择器的写法是把外层的标记写在前面Q内层的标记写在后面Q之间用I格分隔。当标记发生嵌套Ӟ内层的标记就成ؓ(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>用CSS</span>标记的方?lt;/p><br /> 嵌套之外?lt;span>标记</span>不生?/span></div> <img src ="http://www.aygfsteel.com/xiaoyi/aggbug/294519.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/xiaoyi/" target="_blank">可爱的小?/a> 2009-09-10 00:42 <a href="http://www.aygfsteel.com/xiaoyi/articles/294519.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>毅收藏?-----css样式表的使用技?/title><link>http://www.aygfsteel.com/xiaoyi/articles/280362.html</link><dc:creator>可爱的小?/dc:creator><author>可爱的小?/author><pubDate>Sat, 06 Jun 2009 12:28:00 GMT</pubDate><guid>http://www.aygfsteel.com/xiaoyi/articles/280362.html</guid><wfw:comment>http://www.aygfsteel.com/xiaoyi/comments/280362.html</wfw:comment><comments>http://www.aygfsteel.com/xiaoyi/articles/280362.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/xiaoyi/comments/commentRss/280362.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/xiaoyi/services/trackbacks/280362.html</trackback:ping><description><![CDATA[<div id="wmqeeuq" class="postbody"><span style="font-family: 宋体"><strong style="color: red">css样式表的使用技巧【一?<br /> </strong>q篇文章ȝ?jin)我在?/span>CSS<span style="font-family: 宋体">布局Ҏ(gu)以来所有的技巧和兼容Ҏ(gu)Q我?x)重点解释一些新手容易犯的错?/span><span style="font-family: 宋体">Q我希望吧这些小技巧,或者说是一些应该注意的地方和大家分享。如果你已经?/span>CSS<span style="font-family: 宋体">高手Q这些经验技巧可能已l都知道Q如果你有更多的Q希望可以帮我补?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: 宋体">文g的大,更加Ҏ(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: 宋体">q制的色彩|如果每两位的值相同,可以~写一半,例如Q?/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: 宋体">通常有下面四U书写方?/span>:</p> <p> </p> <p> property:value1; <span style="font-family: 宋体">表示所有边都是一个?/span>value1<span style="font-family: 宋体">Q?/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: 宋体">Q?/span>right<span style="font-family: 宋体">?/span>left<span style="font-family: 宋体">的值是</span>value2<span style="font-family: 宋体">Q?/span>bottom<span style="font-family: 宋体">的值是</span>value3</p> <p> </p> <p>property:value1 value2 value3 value4; <span style="font-family: 宋体">四个gơ表C?/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: 宋体">可以~写Z句:(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: 宋体">可以~写Z句:(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: 宋体">你可以省略其中一个或多个属性|如果省略Q该属性值将用浏览器默认|默认gؓ(f)Q?/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: 宋体">可以~写Z句:(x)</span>font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;</p> <p> </p> <p><span style="font-family: 宋体">注意Q如果你~写字体定义Q至要定义</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: 宋体">取消默认的圆点和序号可以q样?/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: 宋体">可以~写Z句:(x)</span>list-style:square inside url(image.gif);</p> <p> </p> <p><span style="font-family: 宋体">?/span>.<span style="font-family: 宋体">明确定义单位Q除非gؓ(f)</span>0</p> <p> </p> <p><span style="font-family: 宋体">?/span>HTML<span style="font-family: 宋体">中你可以只写</span>width="100"<span style="font-family: 宋体">Q但是在</span>CSS<span style="font-family: 宋体">中,你必ȝ一个准的单位Q比如:(x)</span>width:100px width:100em<span style="font-family: 宋体">。只有两个例外情况可以不定义单位Q行高和</span>0<span style="font-family: 宋体">倹{除此以外,其他值都必须紧跟单位Q不要在数值和单位之间加空根{?/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: 宋体">Q?/span>CSS<span style="font-family: 宋体">里定义的元素名称是区分大写的。ؓ(f)?jin)避免这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: 宋体">中也是区分大写的,如果你一定要大小写؜合写Q请仔细认你在</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: 宋体">Q你可以省略前面的元素限定,因ؓ(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: 宋体">q样可以节省一些字节?/span></p> <p> </p> <p> </p> <p> W一讲到此结束,谢谢大家Q?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: 宋体">的默认gؓ(f)</span>0<span style="font-family: 宋体">Q?/span>background-color<span style="font-family: 宋体">的默认值是</span>transparent<span style="font-family: 宋体">。但是在不同的浏览器默认值可能不同。如果怕有冲突Q可以在样式表一开始就先定义所有元素的</span>margin<span style="font-family: 宋体">?/span>padding<span style="font-family: 宋体">值都?/span>0<span style="font-family: 宋体">Q象q样Q?/span></p> <p>* { </p> <p>margin:0; </p> <p>padding:0; </p> <p>} </p> <p><span style="font-family: 宋体">?/span>.<span style="font-family: 宋体">不需要重复定义可l承的?/span></p> <p>CSS<span style="font-family: 宋体">中,子元素自动承父元素的属性|象颜艌Ӏ字体等Q已l在父元素中定义q的Q在子元素中可以直接l承Q不需要重复定义。但是要注意Q浏览器可能用一些默认D盖你的定义?/span></p> <p><span style="font-family: 宋体">?/span>.<span style="font-family: 宋体">最q优先原?/span></p> <p><span style="font-family: 宋体">如果对同一个元素的定义有多U,以最接近</span>(<span style="font-family: 宋体">最一U?/span>)<span style="font-family: 宋体">的定义ؓ(f)最优先Q例?/span></p> <p><span style="font-family: 宋体">?/span>CSS<span style="font-family: 宋体">文g中,你已l定义了(jin)元素</span>p<span style="font-family: 宋体">Q又定义?jin)一?/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: 宋体">q两个定义中Q?/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: 宋体">c?/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: 宋体">c?/span> > ID<span style="font-family: 宋体">选择?/span> > <span style="font-family: 宋体">标签?/span></p> <p> W二讲到此结束,谢谢大家看啊Q?br /> <br /> <span style="color: red"><strong>css样式表的使用技巧【三?<br /> </strong></p> <div id="wmqeeuq" class="postbody" style="color: #000000"> <p>接上讲 Q?/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)我们先定义两个样式,W一个样式背景ؓ(f)</span>#666<span style="font-family: 宋体">Q第二个样式?/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: 宋体">在页面代码中Q我们可以这栯?/span></p> <p> </p> <p><div class="one two"></div> </p> <p> </p> <p><span style="font-family: 宋体">q样最l的昄效果是这?/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: 宋体">定义。我们来看下面这D代码:(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: 宋体">q段代码?/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: 宋体">更加z、更加容易阅诅R?/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: 宋体">Z(jin)节省字节Q我不要l背景图片\径加引号Q因为引号不是必ȝ。例如:(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: 宋体">如果你加?jin)引P反而会(x)引v一些浏览器的错误?/span></p> <p> </p> <p> </p> <p> </p> <p><span style="font-family: 宋体">十一</span>.<span style="font-family: 宋体">l选择?/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: 宋体">都有共同的一些属性,你就可以使用l选择器来避免多次的重复定义。这可以节省不少字节?/span></p> <p> </p> <p> </p> <p> </p> <p><span style="font-family: 宋体">例如Q定义所有标题的字体、颜色和</span>margin<span style="font-family: 宋体">Q你可以q样写:(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: 宋体">如果在用时Q有个别元素需要定义独立样式,你可以再加上新的定义Q可以覆盖老的定义Q例如:(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: 宋体">来定义链接的多个状态样式时Q要注意它们书写的顺序,正确的顺序是Q?/span>:link :visited :hover :active<span style="font-family: 宋体">。抽取第一个字母是</span>"LVHA"<span style="font-family: 宋体">Q你可以记忆?/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: 宋体">如果你的用户需要用键盘来控Ӟ需要知道当前链接的焦点Q你q可以定?/span>:focus<span style="font-family: 宋体">属性?/span>:focus<span style="font-family: 宋体">属性的效果也取决与你书写的位置Q如果你希望聚焦元素昄</span>:hover<span style="font-family: 宋体">效果Q你把</span>:focus<span style="font-family: 宋体">写在</span>:hover<span style="font-family: 宋体">前面</span>;<span style="font-family: 宋体">如果你希望聚焦效果替?/span>:hover<span style="font-family: 宋体">效果Q你把</span>:focus<span style="font-family: 宋体">攑֜</span>:hover<span style="font-family: 宋体">后面?/span></p> <p>W三讲完毕,误人多多指点!</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" />接上期l!</p> <p><span style="font-family: 宋体">十三</span>.<span style="font-family: 宋体">清除动</span></p> <p> <span style="font-family: 宋体">一个非常常见的</span>CSS<span style="font-family: 宋体">问题Q定位用Q动的时候,下面的层被Q动的层所覆盖Q或者层里嵌套的子层出?jin)外层的范围?/span></p> <p> <span style="font-family: 宋体">通常的解军_法是在Q动层后面d一个额外元素,例如一?/span>div<span style="font-family: 宋体">或者一?/span>br<span style="font-family: 宋体">Qƈ且定义它的样式ؓ(f)</span>clear: both<span style="font-family: 宋体">。这个办法有一点牵强,q运的是q有一个好办法可以解决Q?/span></p> <p> <span style="font-family: 宋体">上面</span>2<span style="font-family: 宋体">U方法可以很好解xQ动超出的问题Q但是如果当你真的需要对层或者层里的对象q行</span>clear<span style="font-family: 宋体">的时候怎么?/span>?<span style="font-family: 宋体">一U简单的Ҏ(gu)是?/span>overflow<span style="font-family: 宋体">属性,q个Ҏ(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: 宋体">上面那一U?/span>clear<span style="font-family: 宋体">Ҏ(gu)更适合你,要看具体的情况,q里不再展开。另外关?/span>float<span style="font-family: 宋体">的应用,一些优U的文章已l说得很清楚Q推荐你阅读Q?/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: 宋体">q是一个简单的技巧,但是值得再说一遍,因ؓ(f)我看见太多的新手问题都是问这个:(x)</span>CSS<span style="font-family: 宋体">如何横向居中</span>?<span style="font-family: 宋体">你需要定义元素的宽,q且定义横向?/span>margin<span style="font-family: 宋体">Q如果你的布局包含在一个层</span>(<span style="font-family: 宋体">容器</span>)<span style="font-family: 宋体">中,pq样Q?/span></p> <p><span style="font-family: 宋体">你可以这样定义它横向居中:(x)</span></p> <p>#wrap {</p> <p>width:760px; /* <span style="font-family: 宋体">修改Z的层的宽?/span> */</p> <p>margin:0 auto;</p> <p>}</p> <p><span style="font-family: 宋体">但是</span>IE5/Win<span style="font-family: 宋体">不能正确昄q个定义Q我们采用一个非常有用的技巧来解决Q用</span>text-align<span style="font-family: 宋体">属性。就象这P(x)</span></p> <p>body {</p> <p>text-align:center;</p> <p>}</p> <p>#wrap {</p> <p>width:760px; /* <span style="font-family: 宋体">修改Z的层的宽?/span> */</p> <p>margin:0 auto;</p> <p>text-align:left;</p> <p>}</p> <p><span style="font-family: 宋体">W一?/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: 宋体">Q第二个</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: 宋体">Q一个通常的做法是使用</span>@import<span style="font-family: 宋体">技巧来?/span>CSS<span style="font-family: 宋体">隐藏h。例如:(x)</span></p> <p>@import url("main.css");</p> <p><span style="font-family: 宋体">然而,q个Ҏ(gu)?/span>IE4<span style="font-family: 宋体">不v作用Q这让我很是头疼?jin)一阵子。后来我用这L(fng)写法Q?/span></p> <p>@import "main.css";</p> <p><span style="font-family: 宋体">q样可以在</span>IE4<span style="font-family: 宋体">中也隐藏</span>CSS<span style="font-family: 宋体">?jin),呵呵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: 宋体">定义一些特别的规则Q这里有太多?/span>CSS<span style="font-family: 宋体">技?/span>(hacks)<span style="font-family: 宋体">Q我只用其中的两种Ҏ(gu)Q不微软在卛_发布?/span>IE7 beta<span style="font-family: 宋体">版里是否更好的支?/span>CSS<span style="font-family: 宋体">Q这两种Ҏ(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: 宋体">定义Q你可以使用子选择?/span>(child selector):</p> <p>html>body p {</p> <p>/* <span style="font-family: 宋体">定义内容</span> */</p> <p>}</p> <p>(b)<span style="font-family: 宋体">下面q个写法只有</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: 宋体">q有些时候,你希?/span>IE/Win<span style="font-family: 宋体">有效?/span>IE/Mac<span style="font-family: 宋体">隐藏Q你可以使用</span>"<span style="font-family: 宋体">反斜U?/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: 宋体">条g注释</span>(conditional comments)<span style="font-family: 宋体">的方?/span></p> <p><span style="font-family: 宋体">另外一U方法,我认为比</span>CSS<span style="font-family: 宋体"> </span>Hacks<span style="font-family: 宋体">更加l得赯(g)验是采用微Y的私有属性条件注?/span>(conditional comments)<span style="font-family: 宋体">。用q个Ҏ(gu)你可以给</span>IE<span style="font-family: 宋体">单独定义一些样式,而不影响L式表的定义。就象这P(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: 宋体">发生错误Q你p象排版工人,逐行分析</span>CSS<span style="font-family: 宋体">代码。我通常在出问题的层上定义一个背景颜Ԍq样p很明昄到层占据多大I间。有些h?/span>border<span style="font-family: 宋体">Q一般情况也是可以的Q但问题是,有时?/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: 宋体">看v来象</span>boeder<span style="font-family: 宋体">Q但不会(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: 宋体">代码的时候,对于~进、断行、空|每个人有每个人的书写?fn)惯。在l过不断实践后,我决定采用下面这L(fng)书写样式Q?/span></p> <p>selector1,</p> <p>selector2 {</p> <p>property:value;</p> <p>}</p> <p><span style="font-family: 宋体">当用联合定义时Q我通常每个选择器单独写一行,q样方便?/span>CSS<span style="font-family: 宋体">文g中找到它们。在最后一个选择器和大括?/span>{<span style="font-family: 宋体">之间加一个空|每个定义也单独写一行,分号直接在属性值后Q不要加I格?/span></p> <p><span style="font-family: 宋体">我习(fn)惯在每个属性值后面都加分P虽然规则上允许最后一个属性值后面可以不写分P但是如果你要加新样式时容易忘记补上分可(g)生错误,所以还是都加比较好?/span></p> <p><span style="font-family: 宋体">最后,关闭的大括号</span>}<span style="font-family: 宋体">单独写一行。空格和换行有助与阅诅R?/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://www.aygfsteel.com/xiaoyi/aggbug/280362.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/xiaoyi/" target="_blank">可爱的小?/a> 2009-06-06 20:28 <a href="http://www.aygfsteel.com/xiaoyi/articles/280362.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>css发光?/title><link>http://www.aygfsteel.com/xiaoyi/articles/232056.html</link><dc:creator>可爱的小?/dc:creator><author>可爱的小?/author><pubDate>Wed, 01 Oct 2008 18:43:00 GMT</pubDate><guid>http://www.aygfsteel.com/xiaoyi/articles/232056.html</guid><wfw:comment>http://www.aygfsteel.com/xiaoyi/comments/232056.html</wfw:comment><comments>http://www.aygfsteel.com/xiaoyi/articles/232056.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/xiaoyi/comments/commentRss/232056.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/xiaoyi/services/trackbacks/232056.html</trackback:ping><description><![CDATA[<p style="filter: glow(color:#DD002C,strength=3); color: #ffffff; height: 12px">css发光字就q么?字体颜色默认白色(#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://www.aygfsteel.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://www.aygfsteel.com/images/OutliningIndicators/None.gif" align="top" alt="" />css发光字就q么?字体颜色默认白色(#ffffff)比较?#DD002C为发光颜?/span></div> <img src ="http://www.aygfsteel.com/xiaoyi/aggbug/232056.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/xiaoyi/" target="_blank">可爱的小?/a> 2008-10-02 02:43 <a href="http://www.aygfsteel.com/xiaoyi/articles/232056.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>css颜色代码大全http://www.aygfsteel.com/xiaoyi/articles/228878.html可爱的小?/dc:creator>可爱的小?/author>Sun, 14 Sep 2008 05:58:00 GMThttp://www.aygfsteel.com/xiaoyi/articles/228878.htmlhttp://www.aygfsteel.com/xiaoyi/comments/228878.htmlhttp://www.aygfsteel.com/xiaoyi/articles/228878.html#Feedback0http://www.aygfsteel.com/xiaoyi/comments/commentRss/228878.htmlhttp://www.aygfsteel.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  

褐~~c白

色名稱 代碼

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 />

E?/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://www.aygfsteel.com/xiaoyi/articles/227389.html可爱的小?/dc:creator>可爱的小?/author>Sat, 06 Sep 2008 04:38:00 GMThttp://www.aygfsteel.com/xiaoyi/articles/227389.htmlhttp://www.aygfsteel.com/xiaoyi/comments/227389.htmlhttp://www.aygfsteel.com/xiaoyi/articles/227389.html#Feedback0http://www.aygfsteel.com/xiaoyi/comments/commentRss/227389.htmlhttp://www.aygfsteel.com/xiaoyi/services/trackbacks/227389.html阅读全文

]]>
վ֩ģ壺 Ƽ| | | Ϫ| ͨμ| | | | | | ̨| | ĺ| ¡| | | | | | կ| | | ̨| | | | ˮ| | | | | ư| | | | ij| | ɽ| | | ¤|