---
# System prepended metadata

title: reset css & normalize.css

---

# reset css & normalize.css

## reset.css
### 優點
強迫開發者，針對每一個語義挑選對應標籤
統整、重置了各個瀏覽器的樣式設定。
### 缺點
必須全部重新做設定，比較沒有彈性，而且在使用開發者工具時會看到一大坨的inheritance chain。

## normalize.css
### 特色
* **保護有用的瀏覽器默認樣式**而不是完全去掉它們
* **一般化的樣式**：為大部分HTML元素提供
* **修復瀏覽器自身的bug**並保證各瀏覽器的一致性
* **優化CSS可用性**：僅會對有目的的元素設置樣式
* **解釋代碼**：用註釋和詳細的文檔來
* **模塊化**：容易且清楚地知道哪些元素被設置了特定的值。可以選擇性地移除掉某些永遠不會用到部分
### 作用於
1. Twitter Bootstrap
2. HTML5 Boilerplate
3. GOV.UK
4. Rdio
5. CSS Tricks
6. Bootstrap
7. materialize
8. ant-design