CSS樣式初始化

2021-09-30 01:10:48 字數 853 閱讀 1673

css樣式初始化原因:

不同瀏覽器對每種的標籤都有預設的樣式,大部分瀏覽器的預設樣式還有點區別。所以為了保證

讓所有的標籤的預設樣式清零,也就是重置,以便於我們後續的開發和管理,一般都會在**一開始

對所有標籤做一下樣式的 重置操作。

比如:body 標籤有預設的margin: 8px。

ul標籤:有預設的list-style樣式,圓點。

超連結標籤及a標籤:藍色字型,都有下劃線

標題標籤: 都有加粗,字型變大的效果。

strong,em標籤:字型自動進行加粗。

p標籤:內容有上下margin

pc頁面 cssreset.css

@charset "utf-8";

html

body,

div,

dl,dt,

dd,ul,

ol,li,

h1,h2,

h3,form,

fieldset,

input,

textarea,

p,blockquote,

th,td

table

a em,

strong,

b,u,

iol,

ul h1,

h2,h3,

input,

textarea,

select

img

注意:1 標籤沒有用到,但是設定預設樣式,會導致效能下降。

所以上面css標籤預設樣式設定沒有新增h4,h5,h6

2 list-style: none; 去圓點

html中新增css樣式檔案

CSS初始化樣式

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,selectbodyaa hoveremliimgtablep body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,...

CSS初始化樣式

css為什麼要初始化?建站老手都知道,這是為了考慮到瀏覽器的相容問題,其實不同瀏覽器對有些標籤的預設值是不同的,如果沒對css初始化往往會出現瀏覽器之間的頁面差異。當然,初始化樣式會對seo有一定的影響,但魚和熊掌不可兼得,但力求影響最小的情況下初始化。body,ol,ul,h1,h2,h3,h4,...

CSS樣式初始化

charset utf 8 編碼 document css樣式初始化 description css樣式表的初始化,全域性樣式設定。全域性css reset 頁面設定 初始化標籤在所有瀏覽器中的margin padding值 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h...