使用DIV与CSS结合的方式来布局页面已经有几年时间了。虽然我没有去购书学习过，也没有认真去看过完整的教程，很多使用方法都是在工作过程中自已尝试得来的经验。当然，这就不可避免的出现了主观上错误产生的问题。

这几天在阅读自已BLOG内容时，总觉到段落间排版有很多问题，也都认为是自已在后台发布时没有排版好，从没有注意到是因为自已在写样式表时的问题所产生的。

先来一段我用了几年的CSS初始化通用设置：

/* 初始设置 */

form, p{margin:0px; }

a:link, a:visited{text-decoration:none;color:#0067A5;}

a:hover{color:#f40; text-decoration:none;}

a img {border: none; }

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

table{empty-cells: show; border-collapse: collapse; }

select{font-size:12px; }

li,ul,ol,dl,dd,dt{margin:0px; list-style:none; list-style-position:outside;padding:0px;}

div{margin:0px;}

单从上面中，很难发现有什么问题，也同样没有什么语法错误。

但是，通常页面上的文章段落我们是习惯采用P来划分，换行采用BR来强制换行。(记住这一点，段落采用XHTML标签P，换行采用BR)

现在问题是我全局定义过P了，在文章内容展示时会导致紧接一行跟上，不能从表现上看出是独立的一个新段落。

最后想到的办法就是：

1、全站可能有很多地方采用P来布局，并非只是页面段落使用，如果默认的不初始化，那就得每个使用的地方要去修改；

2、只要使用内容展示中的父级上加上P新定义。如 div p{margin:0 0 1em 0}

上面同理，在一些ul,ol,dl,dt,dd等等标签中，我们应该多多直接使用他原来的默认属性，并不需要完成通用CSS再重新定义。

大家有更好的办法吗？或许一般你是如何初始化XHMTL标签属性的？

相关日志