Reset Css

最新推荐文章于 2024-10-10 16:54:25 发布

nishuishenhan

最新推荐文章于 2024-10-10 16:54:25 发布

阅读量434

点赞数

分类专栏： html js css 文章标签： css styles applet iframe object 浏览器

本文链接：https://blog.csdn.net/nishuishenhan/article/details/4463247

版权

html js css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

    快下班的时候，收到小头的关于Reset Css的一封邮件，看了一下才发现，哎呀！原来css还有这么玩的。
2004年，Tantek被不同浏览器下默认样式的差异给搞烦了，于是写了一个undohtml.css，这也就诞生了世界上第一份reset.css。
    CSS Negotiation and a Sanity Saving Shortcut. * { margin: 0; padding: 0 } 的学名是Global White Space Reset. 从原文中可以看出这个方法刚问世时是非常火爆的，并且作者建议一定要先破后立，要将清扫差异和重置默认样式结合起来，这样才是正确的做法。
   为何Global White Space Reset当初风光一时，如今却黯然销魂？* { margin: 0; padding: 0 }的成功之处在于，管你三七二十八，统统抹平，人人生而平等！然而其失败之处也正是因为其威力太大，虽然捣了蜂窝得了蜜，却惹来群蜂追尾，麻烦无限（因为被抹平的样式，你得再重新设置回来，比如input的padding等）。这就如西汉一代名将韩信哪，是成也萧何，败也萧何！
    2007年，Eric Meyer的一篇文章Reset Styles, 重新唤起了一股reset热潮。下面是Eric Meyer的一个CSS Reset方案:

    1 . html, body, div, span, applet, object, iframe,
    2 . h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    3 . a, abbr, acronym, address, big, cite, code,
    4 . del, dfn, em, font, img, ins, kbd, q, s, samp,
    5 . small, strike, strong, sub, sup, tt, var,
    6 . b, u, i, center,
    7 . dl, dt, dd, ol, ul, li,
    8 . fieldset, form, label, legend,
    9 . table, caption, tbody, tfoot, thead, tr, th, td {
   10 .     margin: 0 ;
   11 .     padding: 0 ;
   12 .     border: 0 ;
   13 .     outline: 0 ;
   14 .     font - size: 100 % ;
   15 .     vertical - align: baseline;
   16 .     background: transparent;
   17 . }

哎，真是收获良多啊！