学习WEB标准总结的一些关于CSS/XHTML知识

<br class="clearfloat" />
.clearfloat {
clear:both;
　　height:0;
　　font-size: 1px;
　　line-height: 0px;
}

　　8、在进行如下设置的时候<div style="height:3px"></div>，会产生兼容性问题。 ie6会出问题，你会发现，box不是3px高。
需要如下设置： font-size:1px;　才不会有问题。参考 dw cs3模板中 clearfloat中的写法，还会加上line-height:0px。不过我发现不加也是可以的。但加会更正规。

　　9、在给单行文字设置height的时候，要同时设置line-height。不然会有兼容性问题，文字会有小的错位。

　　10、使用ul li列表的时候，一定要给ul设置 list-style-type: none; 不然会产生兼容性问题。 ff下会出现原点，而ie下经常看不到。

　　11、在使用ul做列表的时候，不单可以写li ，还可以用dt和dd，但使用后要注意测试兼容性。我还没有总结出到底会什么问题。

　　12、在给标题加样式的时候，尽量用h1 h2 h3等...去做标题的标签。可以在文档前，先设置

　　h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}

　　原因是，搜索引擎会对h标签包围的文字内容，给予更多的关注和重视。并且h本身就是为了给标题使用的。

　　13、关于css中常用的命名方式，见我的附加文档----常用的css命名.txt

　　14、在层次比较多的时候。尽量使用不同的标签去解决问题，而不用每个都给 class或者id。举例如下：

<div class="t1">
　　　　<div class="logo"><img src="/images/logo.gif"></div>
　　　　<ul class="nav">
　　　　　　<li><a href="http://cms.ddvip.com/index.php#"><img src="/images/01.gif"><br />首页</a></li>
　　　　　　<li><a href="http://cms.ddvip.com/index.php#"><img src="/images/02.gif"><br />建站指南</a></li>
　　　　　　<li><a href="http://cms.ddvip.com/index.php#"><img src="/images/03.gif"><br />网络创业</a></li>
　　　　　　<li><a href="http://cms.ddvip.com/index.php#"><img src="/images/04.gif"><br />网页制作</a></li>
　　　　　　<li><a href="http://cms.ddvip.com/index.php#"><img src="/images/05.gif"><br />网页特效</a></li>
　　　　　　<li><a href="http://cms.ddvip.com/index.php#"><img src="/images/06.gif"><br />视频教程</a></li>
　　　　</ul>
</div>