在進行網頁布局的時候,我們經常會需要對網頁進行各種樣式的設置。但是,我們會遇到一個問題:網頁在默認情況下已經有了一些 CSS 樣式,有些屬性可能會與我們設置的樣式沖突,導致網頁展示不出我們想要的樣子。那么,該怎么辦呢?
答案就是清除默認樣式。在進行 CSS 布局的時候,我們需要將網頁的默認樣式清除干凈,才能更好地進行樣式設置。這里介紹兩種最常用的清除默認樣式的方法:
* { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; }
第一種方法,就是使用上面這段代碼進行全局樣式重置。將所有標簽的內邊距(padding)、外邊距(margin)和邊框(border)清零,將字體大小(font-size)、字體樣式(font-family)和垂直對齊方式(vertical-align)設置為默認值,這樣可以避免瀏覽器默認樣式的影響。
html,body{ margin: 0; padding: 0; border: 0; height: 100%; font-size: 14px; color: #333; font-family: "Microsoft Yahei", sans-serif; }
第二種方法,就是使用上面這段代碼對html
和body
元素設置樣式。同樣地,將內邊距、外邊距和邊框清零,將字體大小、顏色和字體樣式設置為默認值。此外,還將html
和body
的高度(height)設置為 100%,這是為了避免在頁面中出現頂部或底部留白的情況。
總之,在進行 CSS 布局時,清除默認樣式是很重要的,這樣我們才能更加方便地進行樣式的設置和布局的排版。
上一篇css布局高度自動適應
下一篇css常用的偽類