hot的学习笔记

我是一只弱小的毛毛虫,想像有一天可以成为强壮的挖土机, 拥有挖掘梦想的神奇手套。。。

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  8 随笔 :: 0 文章 :: 1 评论 :: 0 Trackbacks
    快下班的时候,收到小头的关于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. }
    哎,真是收获良多啊!

posted on 2009-07-23 21:49 hot 阅读(135) 评论(0)  编辑  收藏 所属分类: js html css

只有注册用户登录后才能发表评论。


网站导航: