css樣式重置

對CSS重置的個人理解：

（推薦教學：css影片教學）

首先，我覺得像我一樣對於理解概念無感，容易混淆的前端小白要清楚什麼是css重置樣式，就要弄清楚兩個概念：CSS Reset以及css重置（其實概念很相近，但是還是有所區別的），不然傻傻只知道css樣式要重置，知其然不知其所以然，這對於我這種對概念有點強迫症的人來說，不搞清楚實在是太痛苦了。 （哈哈哈，閒話少說，進入正題）

就我自己的理解而言，對於css重置樣式表可以分為下面3個問題：

（1）什麼是CSS Reset ？要用到CSS Reset的原因是？

（2）為什麼要重置CSS？

好啦，問題拋出了，我也該說說我自己的理解了：（1）CSS Reset簡單來講就是根據我們自己編寫頁面的需求重新設定css屬性（廢話，這個當然大家都知道！可是我重點想說的是css reset的原因耶~）css reset主要是因為html標籤在瀏覽器中都有各自的預設樣式，例如： p 標籤有上下邊距，strong標籤有字體加粗樣式，em標籤有字體傾斜樣式。不同瀏覽器的預設樣式之間也會有差別，例如ul預設帶有縮排的樣式，在IE 下，它的縮排是透過margin實現的，而Firefox下，它的縮排是由padding實現的。在切換頁面的時候，瀏覽器的預設樣式往往會帶給我們麻 煩，影響開發效率。所以解決的方法就是一開始就將瀏覽器的預設樣式全部去掉，更準確地說就是透過重新定義標籤樣式。 “覆蓋”瀏覽器的CSS預設屬性。最簡單的說法就是把瀏覽器提供的預設樣式覆蓋掉！這就是CSS reset。

（2）涉及為什麼要重置css，這點要從瀏覽器出發，因為不同的瀏覽器對於html標籤的解釋各不相同，重置css可以使得html標籤在各個瀏覽器下產生相同的表現效果。

我覺得這時候有必要貼出css重置的樣式程式碼，不然說了半天的廢話豈不是毫無用處？畢竟咬文嚼字不大適合我們嘛。

相關推薦：CSS教學

以上是css樣式重置的詳細內容。更多資訊請關注PHP中文網其他相關文章！