學(xué)習(xí)WEB標(biāo)準(zhǔn)總結(jié)的一些CSS/XHTML知識小結(jié)第2/3頁
更新時間:2008年09月09日 13:22:41 作者:
制作網(wǎng)頁過程中,總會遇到一些CSS/XHTML的各種問題,下面大體的總結(jié)了下
11、在使用ul做列表的時候,不單可以寫li ,還可以用dt和dd,但使用后要注意測試兼容性。我還沒有總結(jié)出到底會什么問題。
12、在給標(biāo)題加樣式的時候,盡量用h1 h2 h3等...去做標(biāo)題的標(biāo)簽。可以在文檔前,先設(shè)置
復(fù)制代碼 代碼如下:
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
原因是,搜索引擎會對h標(biāo)簽包圍的文字內(nèi)容,給予更多的關(guān)注和重視。并且h本身就是為了給標(biāo)題使用的。
13、關(guān)于css中常用的命名方式,見我的附加文檔----常用的css命名.txt
14、在層次比較多的時候。盡量使用不同的標(biāo)簽去解決問題,而不用每個都給 class或者id。舉例如下:
復(fù)制代碼 代碼如下:
<div class="t1">
<div class="logo"><img src="/images/logo.gif"></div>
<ul class="nav">
<li><a href="#"><img src="/images/01.gif"><br />首頁</a></li>
<li><a href="#"><img src="/images/02.gif"><br />建站指南</a></li>
<li><a href="#"><img src="/images/03.gif"><br />網(wǎng)絡(luò)創(chuàng)業(yè)</a></li>
</ul>
</div>
這個其實(shí)可以簡化:
復(fù)制代碼 代碼如下:
<div class="t1">
<div><img src="/images/logo.gif"></div>
<ul>
<li><a href="#"><img src="/images/01.gif"><br />首頁</a></li>
<li><a href="#"><img src="/images/02.gif"><br />建站指南</a></li>
<li><a href="#"><img src="/images/03.gif"><br />網(wǎng)絡(luò)創(chuàng)業(yè)</a></li>
</ul>
</div>
完全可以去掉這logo和nav這兩個class
然后定義樣式的時候
復(fù)制代碼 代碼如下:
.t1 div img{border:0px;margin:10px}
.t1 ul{list-style-type: none;width:80%;}
.t1 ul li{height:22px;line-height:22px;}
就可以了。
相關(guān)文章
關(guān)于filter濾鏡應(yīng)用于圖片的兩種創(chuàng)意
關(guān)于filter濾鏡應(yīng)用于圖片的兩種創(chuàng)意...2006-12-12激發(fā)你的靈感:50個優(yōu)秀的Favicons
激發(fā)你的靈感:50個優(yōu)秀的Favicons...2007-02-02