开发者社区> 问答> 正文

使用normalize.css遇到的问题?

使用normalize.css代替reset.css但在使用中浏览器会有一些默认样式,比如说
ul会有默认的内边距,dd也会有默认的内边距。自己还得手动的清除,那么和reset.css
比起来,normalize.css优势怎样体现呢?

展开
收起
a123456678 2016-05-27 18:03:43 2842 0
1 条回答
写回答
取消 提交回答
  • reset.css样式重置会让各个浏览器的CSS样式保持一个基准,而这个基准就是“归零”。
    但它归零的思想过于暴力,宁可错杀一千,也不放过一个要清零的元素,其实很多设置都是画蛇添足
    取一段reset.css的代码

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
    code, form, fieldset, legend, input, button, textarea, p,
    blockquote, th, td {

    margin: 0;
    padding: 0; 

    }

    div,li标签默认是没有margin,padding值,但是还是被设置{margin:0; padding:0;}属性
    dt标签的margin,padding默认值就是0,但这里又被设置了一次{margin:0; padding:0;}
    code标签属于inline行内元素,是不能设置{margin:0; padding:0;}
    ....
    我们再来看一段

    address,em,strong,th,var {

    font-weight: normal;
    font-style: normal;

    }
    这个设置往往在开发中有很多潜在的问题,单从用户体验上讲一个例子:
    假设你的页面上有一个可编辑内容区域,用户设置了一个strong效果,但发现它却没有任何的反应,用户就会产生的疑惑,为什么我加粗了却没有反应?

    或许,你都不知道它已经被暴力的清0了。

    normalize.css 帮你合理重置掉可能产生问题的样式,坚持保留部分浏览器的基础样式,解决一些潜在的问题,做到真正合理的浏览器样式初始化。(想你所想,给你所要...)

    2019-07-17 19:18:33
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载

相关实验场景

更多