學(xué)習(xí)WEB標(biāo)準(zhǔn)總結(jié)的一些CSS/XHTML知識(shí)小結(jié)第2/3頁
更新時(shí)間:2008年09月09日 13:22:41 作者:
制作網(wǎng)頁過程中,總會(huì)遇到一些CSS/XHTML的各種問題,下面大體的總結(jié)了下
11、在使用ul做列表的時(shí)候,不單可以寫li ,還可以用dt和dd,但使用后要注意測(cè)試兼容性。我還沒有總結(jié)出到底會(huì)什么問題。
12、在給標(biāo)題加樣式的時(shí)候,盡量用h1 h2 h3等...去做標(biāo)題的標(biāo)簽??梢栽谖臋n前,先設(shè)置
復(fù)制代碼 代碼如下:
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
原因是,搜索引擎會(huì)對(duì)h標(biāo)簽包圍的文字內(nèi)容,給予更多的關(guān)注和重視。并且h本身就是為了給標(biāo)題使用的。
13、關(guān)于css中常用的命名方式,見我的附加文檔----常用的css命名.txt
14、在層次比較多的時(shí)候。盡量使用不同的標(biāo)簽去解決問題,而不用每個(gè)都給 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>
這個(gè)其實(shí)可以簡(jiǎn)化:
復(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這兩個(gè)class
然后定義樣式的時(shí)候
復(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)文章
在IE下拖動(dòng)滾動(dòng)條時(shí)border消失的解決方法
在IE下拖動(dòng)滾動(dòng)條時(shí)border消失的解決方法...2007-01-01關(guān)于filter濾鏡應(yīng)用于圖片的兩種創(chuàng)意
關(guān)于filter濾鏡應(yīng)用于圖片的兩種創(chuàng)意...2006-12-12激發(fā)你的靈感:50個(gè)優(yōu)秀的Favicons
激發(fā)你的靈感:50個(gè)優(yōu)秀的Favicons...2007-02-02