使用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瀏覽器重置代碼的目的是什麼？

回答

相關問題