CSS樣式表初始化雜談

2022-09-14 03:39:08 字數 2071 閱讀 8407

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

最簡單的初始化方法就是: *  。有很多人也是這樣寫的。這確實很簡單,但有人就會感到疑問:*號這樣乙個通用符在編寫**的時候是快,但如果**很大,css樣式表檔案很大,這樣寫的話,他會把所有的標籤都初始化一遍,這樣就大大的加強了**執行的負載,會使**載入的時候需要很長一段時間。

寫過css的都知道每個網頁引進的css首先都需要初始化,而出名的css reset有yui css reset(qq、**等都出現他的影子),業內用的最多的還有erik meyer』s css reset。

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,fieldset,table,td,img,divbodyul,olselect,input,img,selectaa:linka:visiteda:hover,a:active,a:focus

**官網(樣式初始化(**的樣式是經過壓縮的,我自己拷下來格式化過的)

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, h6address, cite, dfn, em, var code, kbd, pre, samp smallul, ol a a:hover sup sublegend fieldset, img button, input, select, textarea table

網易官網(樣式初始化

html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,ptable,td,tr,thliimgol,ul h1,h2,h3,h4,h5,h6address,cite,code,em,th

/*花瓣網

------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,tdtablefieldset,imgaddress,caption,cite,code,dfn,em,strong,th,varlicaption,thh1,h2,h3,h4,h5,h6q:before,q:afterabbr,acronymsupsubinput,textarea,selectlegendbodytablepre,code,kbd,samp,ttemstrong

/*

全域性----------------------------------

*/body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td body fieldset, img ol, ul h1, h2, h3, h4, h5, h6em input, button, select, textarea textarea

/*禁用了文字的拖拉,尤其在谷歌下

------------------------------------------

*/p//為了使文字段落左右兩邊對齊

/*link

-------------------------------------------

*/a a:hover

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...