经常在写div+css的过程中，遇到不少细节问题，这里总结一下以便以后使用，同时和大家分享。

1、段落首行缩进两个汉字：text-indent:2em;

2、信息列表内容长度超过时显示省略号：

这个记得要给一个固定宽度，不然就没效果了，列表内容长度超过时自动转化为省略号，当然源码中还是文字内容全部，外观好看，同时蜘蛛抓取的时候还是完整的。

white-space:nowrap;

word-break:keep-all;

overflow:hidden;

text-overflow:ellipsis;

3、利于seo的html技巧：

网站首页最上部logo用h1标签包起来，最好加个超链接，图片的话加上描述，当然文字效果最佳了，logo右边可以加一些介绍性的文字用h2标签包起来，适当对某些关键词加粗。文章内容页标题就用h1标签，记住除了首页，其它页面logo和右边部分就用div或者span了，不要再用h1和h2了，一个页面h1只能用一次。

4、一个div中span右浮动时发现换行了，解决方法把span放到最前面，例如信息列表中加入发布时间的时候用到的最多。可以参考：[div,li,span元素中的span右对齐,换行显示的解决方法]

5、企业站好看的表格，这是自己总结出来的，表格简洁明了，灰度适中。

根据需要可做适当的调速，特别对于产品发布页面，产品的技术参数相关，把下面代码直接放到css文件中，发布产品参数时把table的一切属性全部清除就OK了。

table{width:700px;margin:0px auto;border:1px solid #999;color:#333333;text-align:center;border-collapse:collapse;font-size:12px;}

table td{border:1px solid #999;height:22px;}

caption{font-weight:bold;}

6、小型企业站最好全站css用class，不要用id，因为id属性优先于class属性，有些时候你会遇到继承不能解决的麻烦。

7、浮动最好单独分出来写，例如.fl{float:left;} .fr{float:right;}，记住class可以写成这样class="qqgzs fl"，这样会为你节约不少代码。

8、发布页局错乱，特别是在不同浏览器下margin之类的属性不能生效时，要考虑的是有没有清除浮动，最好单独写一个.c{clear:both;}然后在需要的地方加上，养成节约代码的习惯。

9、防止图片出现边框，最好全局加个属性img{border:0;}

不断更新中……

如你有相关的技巧可贴在留言里与大家一起分享！