學(xué)習(xí)WEB標(biāo)準(zhǔn)總結(jié)的一些CSS/XHTML知識(shí)小結(jié)第2/3頁(yè)
更新時(shí)間：2008年09月09日 13:22:41 作者：
制作網(wǎng)頁(yè)過(guò)程中，總會(huì)遇到一些CSS/XHTML的各種問(wèn)題，下面大體的總結(jié)了下
11、在使用ul做列表的時(shí)候，不單可以寫(xiě)li ，還可以用dt和dd，但使用后要注意測(cè)試兼容性。我還沒(méi)有總結(jié)出到底會(huì)什么問(wèn)題。
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中常用的命名方式，見(jiàn)我的附加文檔----常用的css命名.txt
14、在層次比較多的時(shí)候。盡量使用不同的標(biāo)簽去解決問(wèn)題，而不用每個(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 />首頁(yè)</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 />首頁(yè)</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)文章
從Table向Css過(guò)渡的優(yōu)缺點(diǎn)比較
從Table向Css過(guò)渡的優(yōu)缺點(diǎn)比較...2007-02-02
屏蔽IE瀏覽器（也就是IE下不顯示）2008-12-12
頁(yè)面與css之間的聯(lián)系，老手和新手都需要了解2008-08-08
IE浮動(dòng)邊界BUG延伸探討...2007-02-02
關(guān)于超鏈接的下劃線 使用說(shuō)明...2007-08-08
分頁(yè)顯示之超級(jí)提速版...2006-12-12
動(dòng)態(tài)更改網(wǎng)頁(yè)HTML元素(對(duì)象)內(nèi)容
動(dòng)態(tài)更改網(wǎng)頁(yè)HTML元素(對(duì)象)內(nèi)容...2006-11-11
標(biāo)準(zhǔn)布局常見(jiàn)問(wèn)題及解決辦法
需要標(biāo)準(zhǔn)布局的朋友，經(jīng)常會(huì)遇到一些問(wèn)題，下面是一些布局問(wèn)題2008-11-11
本文分享一個(gè)利用CSS3制作三角形的示例，感興趣的朋友可以參考一下。2016-03-03
不錯(cuò)的10個(gè)你未必知道的CSS技巧...2007-10-10