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

## CSS 為什麼需要 Reset？

> ⚠️ 本篇文章已搬遷至 [css.im1010ioio.dev](https://css.im1010ioio.dev/layout/reset-css/)**，請至新站閱讀完整版**。

---

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

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

> #### ↓ 今日學習重點 ↓
> 
> * 了解 CSS 為什麼需要 Reset？
>     
> * 了解 CSS 有哪些 Reset 的方法？
>     

---

## 寫個簡單粗暴的 Reset

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

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

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

---

## 常見的 CSS Reset

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

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