回归原始,尽量使用XHTML标签默认属性

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

相关文章
使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式修改本站position:absolute下的宽度BUG用css控制中文字与英文字的间距25个优秀激发灵感的暗色调 CSS Web 设计niftycube造成position:relative失败?CSS中的max-width和min-width利用css样式中的expression来攻击PHP技巧:php过滤危险html代码css完美设计:灵活设置字体转载:HTML5预览 (A Preview of HTML 5)通过JS及样式控制DIV不规范圆角[转载]根据时段自动切换你的站点CSS风格CSS hack浏览器兼容一览表CSS Hack汇总快查[转载]表单的CSS设计(css form design)通过CSS控制图片自动缩小CSS中expression使用简介重新制作了本BLOG的CSS
    标签:XHTML标签css样式div 发布于:2009-02-19 12:51:17

当前共有0条评论,我也要发表:

    我的名字:

    我的邮箱: