CSS Reset 是指通過一系列樣式重置規則,將不同瀏覽器的默認樣式標準化,在不同瀏覽器上呈現一致性的頁面外觀效果的一種技術。CSS Reset 不是指在原來的基礎上重置,而是將瀏覽器對各元素的默認樣式統一置為0,自定義樣式。這樣可以很好地控制頁面顯示效果,防止出現不必要的差異。
body{ margin: 0; padding: 0; } ul,ol{ margin: 0; padding: 0; list-style: none; } h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; } a{ color: inherit; text-decoration: none; } table{ border-collapse: collapse; border-spacing: 0; } input,textarea,button{ border: none; outline: none; margin: 0; padding: 0; }
上面這段樣式代碼就是一個簡單的 CSS Reset 樣式表,其中包含了對于一些常用元素的樣式置零處理,避免在不同瀏覽器下的差異,讓頁面保持一致的視覺效果。
當我們創建 Web 頁面時,瀏覽器會自動為 HTML 元素應用一些默認的樣式。因為不同瀏覽器之間存在一些不同的默認樣式,所以為了讓頁面在各個瀏覽器中保持一致的表現,一種解決方案是使用 CSS Reset 技術。
上一篇css3卡頓怎么解決
下一篇css3卷簾效果