首頁 > web前端 > css教學 > css樣式重置

css樣式重置

王林
發布: 2020-10-23 15:51:49
轉載
2427 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板