css reset淺談

咱們都知道，web開發中瀏覽器兼容性是困擾不少開發者的一個問題。所謂兼容性問題，即不一樣瀏覽器對同一段代碼有不一樣的解析效果。而咱們的需求每每是不管用戶使用何種瀏覽器查看咱們的網站，都應該得到相同或相近的體驗。

瀏覽器兼容性問題主要分爲HTML兼容問題（標籤及其所屬api的兼容問題）、css兼容問題、JavaScript兼容問題。今天只簡潔說說其中一個點，這也是咱們經常會遇到的，即樣式兼容問題。

常見的樣式兼容問題有：

外邊距、內邊距表現不一致；

某些元素在不一樣瀏覽器中是塊狀仍是行內顯示不明確；

垂直對齊方式的表現不一致性；

a連接、input輸入框、按鈕、img的下劃線、外輪廓、邊框表現不一致；

移動設備方向變化後文字大小變化的不一致性；

……

基於諸如上述問題，咱們一般採用所謂css重置來解決，即重寫會出現瀏覽器兼容性問題的標籤的樣式，以此來覆蓋瀏覽器默認樣式，達到表現一致的目的。經常使用的工具類有reset.css，不過reset.css比較激進，咱們如今更經常使用的是normalize.css。