CSS重置 – 它是什么?

前端之家收集整理的这篇文章主要介绍了CSS重置 – 它是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我发现这个reset.css文件在一个jquery图像滑块演示,但它从来没有包括在主index.html文件。什么是假设要做,更重要的是,你在哪里放?你把它放在任何引用的样式表()之前?

这里是reset.css里面的代码

  1. /* CSS reset */
  2. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  3. margin:0;
  4. padding:0;
  5. }
  6. html,body {
  7. margin:0;
  8. padding:0;
  9. }
  10. table {
  11. border-collapse:collapse;
  12. border-spacing:0;
  13. }
  14. fieldset,img {
  15. border:0;
  16. }
  17. input{
  18. border:1px solid #b0b0b0;
  19. padding:3px 5px 4px;
  20. color:#979797;
  21. width:190px;
  22. }
  23. address,caption,cite,code,dfn,var {
  24. font-style:normal;
  25. font-weight:normal;
  26. }
  27. ol,ul {
  28. list-style:none;
  29. }
  30. caption,th {
  31. text-align:left;
  32. }
  33. h1,h6 {
  34. font-size:100%;
  35. font-weight:normal;
  36. }
  37. q:before,q:after {
  38. content:'';
  39. }
  40. abbr,acronym { border:0;
  41. }

解决方法

在一开始,没有标准化的风格如何工作,每个浏览器实现的是什么感觉是正确的。其中一个原因,你看到这么多的问题关于IE的风格错误是因为IE是浏览器与其他浏览器在样式方面最不相似。虽然IE已经改善,因此有其他浏览器,他们仍然应用他们
自己的边框,填充和边距,缩放,字体到元素,给页面自己独特的感觉。一个例子是,chrome给文本框自己的黄色边框。 “重置”实际上“重置”所有这些样式为零/无,以便您不会看到任何样式,您没有应用在您的页面

如果这些样式不是“重置”,你会看到不想要的样式/效果和事情打破。它总是建议“重置”浏览器的样式。

看看这篇文章Should you Reset Your CSS?

猜你在找的CSS相关文章