Yahoo的CSS清除HTML和浏览器缺省样式表

2011-09-01 18:34:39来源:itwhy作者:

各浏览器都有自已的缺省样式,例如:<img>元素的body属性,这不是什么好事情,因为我们需要网站前端在各个浏览器下面显示都差不多,所以都把它们清除掉。因为这样的原因,我也就省略列出了,只给出如何清除HTML和浏

各浏览器都有自已的缺省样式,例如:<img>元素的body属性,这不是什么好事情,因为我们需要网站前端在各个浏览器下面显示都差不多,所以都把它们清除掉。因为这样的原因,我也就省略列出了,只给出如何清除HTML和浏览器缺省样式的CSS了。

Yahoo!已经为我们做了总结。根据雅虎的建议,你需要把这些规则放到一个名为Reset.css的文件中单独引用(推荐这种做法):

CSS Code复制内容到剪贴板
  1. body,div,   
  2. dl,dt,dd,ul,ol,li,   
  3. h1,h2,h3,h4,h5,h6,   
  4. pre,form,fieldset,input,textarea,p,blockquote,th,td {   
  5.     margin:0;   
  6.     padding:0;   
  7. }   
  8. table {   
  9.     border-collapse:collapse;   
  10.     border-spacing:0;   
  11. }   
  12. fieldset,img {   
  13.     border:0;   
  14. }   
  15. address,caption,cite,code,dfn,em,strong,th,var {   
  16.     font-style:normal;   
  17.     font-weight:normal;   
  18. }   
  19. ol,ul {   
  20.     list-style:none;   
  21. }   
  22. caption,th {   
  23.     text-align:left;   
  24. }   
  25. h1,h2,h3,h4,h5,h6 {   
  26.     font-size:100%;   
  27.     font-weight:normal;   
  28. }   
  29. q:before,q:after {   
  30.     content:'';   
  31. }   
  32. abbr,acronym { border:0;   
  33. }  

原文:http://www.itwhy.org/2011/07-16/596.html

赞助商链接: