隐藏字体
overflow:hidden
text-indent:-999px
如在网站的logo上使用,有利于爬虫抓取。
<a class="logo">网站名称</a>
.logo{background-image:url(./Images/图片名称);background-repeat:no-repeat;display:block;100px;height:35px;overflow:hidden;text-indent:-999px}
块级元素转换行级元素display:block
文件大纲
清晰的目录结构
h1 h2 h3
可用火狐的web developer插件,查看网站结构,“网页信息”中有“查看网页大纲”
图片与文字对齐
在图片上使用vartical-align:middle;
使用overflow:hidden 清楚浮动时,最好指定高度