使用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标签属性的?
相关日志