使用CSS浏览器重置代码的目的是什么？

这是有效的CSS浏览器重置？它有什么作用？我一直在使用这个很长一段时间。使用CSS浏览器重置代码的目的是什么？

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;} 
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; overflow:hidden; font-weight:normal; font-style:normal;} 
ul,ol {list-style:none;} 
fieldset,img,hr {border:none;} 
caption,th {text-align:left;} 
table {border-collapse:collapse; border-spacing:0;} 
td {vertical-align:top;}

来源

2012-02-21 Asif

CSS-它的复位。的 – 2012-02-21 00:06:37

可能重复[CSS复位 - ？究竟是什么（http://stackoverflow.com/questions/11578819/css-reset-what-exactly-does-it-do） – Blazemonger 2014-07-10 17:38:00

这是Eric Meyer的CSS重置版本。你可以在这里读到它： http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/

复位样式表的目的是为了减少在之类的默认行高度，页边距和标题的字体大小，等浏览器的不一致性。

而这里的历史原因和如何来生活：http://sixrevisions.com/css/the-history-of-css-resets/

来源

2012-02-21 00:06:26

所以，我认为，这是一个悠久的历史，我正在阅读它。感谢分享。 – Asif 2012-02-21 00:26:25

是的，这是一个类型的CSS复位。它基本上将所有默认间距重置为零，并将所有默认对齐重置为左上角，以及重置所有标题的字体大小和权重。 CSS重置的目的是使网站在所有浏览器中保持一致。

虽然我不太喜欢大量的CSS重置。这是我的：

* { 
    margin: 0; 
    padding: 0; 
} 

img { 
    border: none; 
} 

table { 
    border-collapse: collapse; 
}

它工作正常。

来源

2012-02-21 00:06:42 Ryan

喜欢它，谢谢... – Asif 2012-02-21 00:23:29

你有什么用'边境什么特别的原因：none'而不是等价的，但略短'边界：0'？ – thirtydot 2012-02-21 00:54:08

@thirtydot：我没有发现'0'。尽管如此，为了缩小，我确实将它改为了'0'。 – Ryan 2012-02-21 00:55:22

我不得不与引导wysihtml5库使用它的问题。实际上，当我尝试使用斜体的大胆风格时，它并不奏效。为了使它工作，我不得不从这个文件中删除标签“我”和“B”。

来源

2014-08-28 16:26:16

使用CSS浏览器重置代码的目的是什么？

回答

相关问题