学习WEB标准总结的一些CSS/XHTML知识小结第2/3页
更新时间：2008年09月09日 13:22:41 作者：
制作网页过程中，总会遇到一些CSS/XHTML的各种问题，下面大体的总结了下
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="#"><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 />网络创业</a></li>
</ul>
</div>
这个其实可以简化：
复制代码 代码如下:
<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 />网络创业</a></li>
</ul>
</div>
完全可以去掉这logo和nav这两个class
然后定义样式的时候
复制代码 代码如下:
.t1 div img{border:0px;margin:10px}
.t1 ul{list-style-type: none;width:80%;}
.t1 ul li{height:22px;line-height:22px;}
就可以了。
相关文章
从Table向Css过渡的优缺点比较...2007-02-02
屏蔽IE浏览器（也就是IE下不显示）2008-12-12
页面与css之间的联系，老手和新手都需要了解2008-08-08
IE浮动边界BUG延伸探讨...2007-02-02
关于超链接的下划线 使用说明...2007-08-08
分页显示之超级提速版...2006-12-12
动态更改网页HTML元素(对象)内容...2006-11-11
需要标准布局的朋友，经常会遇到一些问题，下面是一些布局问题2008-11-11
本文分享一个利用CSS3制作三角形的示例，感兴趣的朋友可以参考一下。2016-03-03
不错的10个你未必知道的CSS技巧...2007-10-10
最新评论