11、在使用ul做列表的时候，不单可以写li ，还可以用dt和dd，但使用后要注意测试兼容性。我还没有总结出到底会什么问题。
12、在给标题加样式的时候，尽量用h1 h2 h3等...去做标题的标签。可以在文档前，先设置
[复制此代码]CODE:
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
原因是，搜索引擎会对h标签包围的文字内容，给予更多的关注和重视。并且h本身就是为了给标题使用的。
13、关于css中常用的命名方式，见我的附加文档----常用的css命名.txt
14、在层次比较多的时候。尽量使用不同的标签去解决问题，而不用每个都给 class或者id。举例如下：
[复制此代码]CODE:
<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>
这个其实可以简化：
[复制此代码]CODE:
<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
然后定义样式的时候
[复制此代码]CODE:
.t1 div img{border:0px;margin:10px}
.t1 ul{list-style-type: none;width:80%;}
.t1 ul li{height:22px;line-height:22px;}
就可以了。
文章评论
共有 位脚本之家网友发表了评论我来说两句