Css Reset(复位)的简单介绍

互联网   发布时间:2008-10-17 19:25:48   作者:佚名   我要评论
Css Reset是什么? 有些同行叫 "css复位",有些可能叫 "默认css"..... 相信看完全文您会对Css Reset有个重新的认识 原文地址: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/ PS: * { paddin

Css Reset是什么? 有些同行叫 "css复位",有些可能叫 "默认css".....
相信看完全文您会对Css Reset有个重新的认识
原文地址:
http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/
PS:
* {
padding: 0;
margin: 0;
}

这就是最常用的Css Reset,但是这里会有很多问题。
原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定"Css Reset"也是为了兼容与统一,正确有效的使用"Css Reset"可以在某种程度上节约时间与金钱.
非常感谢Perishable的整理与归纳
下面是关于几类Css Reset的简单介绍,本人能力有限.只能理解大概意思,还请各位看官见谅.
Minimalistic Reset [ Version 1 ]
相信这一段你经常看到.而且也是我们经常用到的
* {
padding: 0;
margin: 0;
}

Minimalistic Reset [ Version 2 ]
border:0的设计有些不靠谱了
* {
padding: 0;
margin: 0;
border: 0;
}

Minimalistic Reset [ Version 3 ]
当然这个也是不推荐的.会跟某些默认样式有冲突
* {
outline: 0;
padding: 0;
margin: 0;
border: 0;
}

Condensed Universal Reset
这是作者当前比较钟意的一种写法.保证了相对普遍浏览器样式的统一性.
* {
vertical-align: baselinebaseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}

相关文章

  • css行内元素padding,margin,width,height没有变化

    这篇文章主要介绍了css行内元素设置padding,margin,width,height没有变化的解决方法,需要的朋友可以参考下
    2014-05-07
  • css中padding和margin的异同点介绍

    本文从语法结构、可能取的值、浏览器兼容问题等方面为大家介绍下padding和margin的异同点另附截图,有想学习的朋友可以参考下哈,希望对大家有所帮助
    2013-07-28
  • CSS边距属性定义是用margin还是用padding的两者对比

    用CSS做网页时.边距用哪个属于好呢?是margin属性还是padding属性呢.
    2012-06-12
  • PHPWind7.0风格css样式详解

    关键字描述:详解 样式 风格 solid 必要   修改 padding:0 margin:0 body{font-size:9pt; background:url($imgpath/$stylepath/bodybg.gif) repeat-x ; font-famil
    2009-06-06
  • Z-BLOG模板CSS默认样式注释大全

    关键字描述:注释 大全 样式 默认 模板 定义 margin:0 10px padding:0 下面这个是默认的ZBLOG CSS样式表 里面附带有最全的CSS注释 让你一看就理解了。如果您觉得麻烦
    2009-06-06
  • 简化的CSS Reset:15套CSS重设实例

    网页制作Webjx文章简介:CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式
    2009-04-02
  • CSS中margin和padding的区别浅析

    在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。下面讲解 pa
    2017-06-26

最新评论