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

内容摘要
各浏览器都有自已的缺省样式，例如：<img>元素的body属性，这不是什么好事情，因为我们需要网站前端在各个浏览器下面显示都差不多，所以都把它们清除掉。
文章正文

各浏览器都有自已的缺省样式，例如：<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. }  
代码注释
[!--zhushi--]
上一篇优化网页提高网站打开速度的7个技巧下一篇HTML5 vs Mobile App谁将是主流

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！