重置 resetting CSS 和 normalizing CSS 的區別是什麼?
因為每個瀏覽器預設的樣式都不一樣,也許A瀏覽器預設body是padding 2px、B瀏覽器預設body是padding 4px,但是我需要的是瀏覽器顯示:body的padding 0px,這時就可以使用resetting、normalizing來讓各瀏覽器的css效果,表面上看起來變得相同。
當然嚴格來說不是真的變相同,而是把resetting與normalizing作為第一個引入的css,他們覆蓋並統一瀏覽器預設樣式,好讓網頁設計師做其他覆蓋的樣式,在各瀏覽器預設也會相同。
先引入resetting、normalizing,在引入自己的CSS,這麼一來個瀏覽器都會相同樣式。
- 重置(Resetting): 重置意味著除去所有的瀏覽器默認樣式。對於頁面所有的元素,像margin、padding、font-size這些樣式全部置成一樣。你將必須重新定義各種元素的樣式。
- 標準化(Normalizing): 標準化沒有去掉所有的默認樣式,而是保留了有用的一部分,同時還糾正了一些常見錯誤。
Bootstrap使用的是normalizing.css
resetting 好?還是 normalizing 好?
這題沒有正確答案,之前我會選 resetting,現在我會選 normalizing,因為當初在學網頁設計只要用到li,就會想清除小黑點,用 resetting 會清除一堆預設樣式。
但隨著網頁寫多,還是有不少時候會用到li小黑點,這時用 normalizing 反而比較好,重點是標準化瀏覽器樣式就好,而不是連一些 HTML 預設樣式都清除。