專案中CSS樣式初始化

2021-09-09 06:25:54 字數 692 閱讀 5474

因為瀏覽器的相容問題,不同瀏覽器對有些標籤的預設值是不同的,如果沒對 css 初始 化往往會出現瀏覽器之間的頁面顯示差異。 當然,初始化樣式會對 seo 有一定的影響,但魚和熊掌不可兼得,但力求影響最小的 情況下初始化。

這也是常考的面試題。

偷懶的辦法是直接設定:

*

但是一般都不推薦

所以使用**的樣式初始化:

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td

body, button, input, select, textarea

h1, h2, h3, h4, h5, h6

address, cite, dfn, em, var

code, kbd, pre, samp

small

ul, ol

aa:hover

supsub

legend

fieldset, img

button, input, select, textarea

table

以後專案開發可以直接使用。

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樣式初始化

css樣式初始化原因 不同瀏覽器對每種的標籤都有預設的樣式,大部分瀏覽器的預設樣式還有點區別。所以為了保證 讓所有的標籤的預設樣式清零,也就是重置,以便於我們後續的開發和管理,一般都會在 一開始 對所有標籤做一下樣式的 重置操作。比如 body 標籤有預設的margin 8px。ul標籤 有預設的l...