#14 Reset CSS！用 Reset.css 或 Normalize.css 變回你該有的樣子

CSS 為什麼需要 Reset？

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。

---

不同的瀏覽器會有不同的預設樣式，可能包含字體大小、邊距、填充、行高等等。

這會導致網頁的外觀不一致，所以通常我們在最一開始開發時，就會需要 Reset CSS。將所有瀏覽器的預設樣式歸零，從頭開始設計自己的網頁樣式，就不用擔心寫出來的東西受到預設風格影響。

↓ 今日學習重點 ↓

• 了解 CSS 為什麼需要 Reset？

• 了解 CSS 有哪些 Reset 的方法？

---

寫個簡單粗暴的 Reset

如果今天只是要簡單 Demo 或練習排版，我們可以快速寫這段 Reset 樣式。

*, *::before, *::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

只不過這樣寫當然還不夠周全，通常會推薦使用下面受大家受歡迎的 CSS Reset。

---

常見的 CSS Reset

最受歡迎的選擇 Reset 有以下兩種，只要載下來，在 HTML 中引用就可以了。

CSS Reset 要引用在最開頭，而自己寫的 CSS 則是放在後面，因為它的目的就是要在「一開始」幫你調整好各瀏覽器之間的差異…