欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

學(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)文章

最新評(píng)論