• 技术文章 >web前端 >html教程

    CSS重置样式表_html/css_WEB-ITnose

    2016-06-24 11:51:41原创999
    一、为什么需要重置样式表

    即使不写CSS样式,HTML标签在浏览器中也有样式,这些样式来自浏览器本身。但问题是,不同浏览器默认样式可能不同。CSS重置样式表就是为了解决这个问题。


    二、常用的重置样式表

    (1)简单暴力型

    只有一行:

    *{margin:0; padding:0;}
    通配符"*"匹配了所有的标签,通常认为性能不好。


    (2)归零型

    (几乎)全部将标签样式清零。如YUI(http://yuilibrary.com/)的重置样式表。


    (3)保留基础样式型

    并不是将所有标签的默认样式清除,而是在统一各浏览器样式的基础上保留标签本来的样式。如:normalize.css (https://github.com/necolas/normalize.css/)


    (4)自定义型

    自定义重置样式应该是最好的,用到哪些标签就重置哪些标签的样式。但我们并不清楚项目移植后或多人合作时别人会用哪些标签,所以为了方便起见,一般还是使用第(2)或第(3)种重置样式表。

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS重置样式表
    上一篇:2014圣诞节一款纯css3实现的雪人动画特效_html/css_WEB-ITnose 下一篇:基于css3的鼠标经过动画显示详情特效_html/css_WEB-ITnose
    Web大前端开发直播班

    相关文章推荐

    • web前端笔试题库之HTML篇• 带你了解HTML5 SVG,看看怎么绘制自适应的菱形• html5中块状元素怎么转换为其他元素• html +CSS+div学习――第二课_html/css_WEB-ITnose• pure的bug记录2_html/css_WEB-ITnose

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网