第10天 CSS初始化操作

2021-09-20 08:26:11 字數 831 閱讀 4409

在寫頁面過程中,每個瀏覽器都會有預設樣式,為了避免瀏覽器的樣式相容問題,我們會在樣式開始部分對常用標籤進行重置樣式。這樣我們在寫樣式時,就不會有誤差。常用的css標籤初始化如下:

@charset "utf-8";

/*css 初始化

*/html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img fieldset, img,input,button ul, ol input select, input select, input, textarea textarea /*

防止拖動

*/img /*

去掉低測預設的3畫素空白縫隙

*/table body.clearfix:before,.clearfix:after

.clearfix:after/*清除浮動*/

.clearfixaa:hoverh1,h2,h3,h4,h5,h6s,i,em.col-red

/*公共類

*/.w .fl .fr .al .ac .ar .hide

並不是說每個頁面的css樣式初始化都要這樣寫,我們可以根據頁面需要,設定部分公共樣式,在後面寫的過程中會方便很多,而且可以避免**的重複性。

附:

今天寫了個導航,出現了個奇怪的問題,思考了兩個小時,到現在都還沒解決。明明很簡單的**,看來看去都沒有錯誤,不知道為何效果就是出不來。這個問題我需要時間再思考下,希望在夢中可以想通。今天先到這,晚安。

第10天 CSS初始化操作

在寫頁面過程中,每個瀏覽器都會有預設樣式,為了避免瀏覽器的樣式相容問題,我們會在樣式開始部分對常用標籤進行重置樣式。這樣我們在寫樣式時,就不會有誤差。常用的css標籤初始化如下 charset utf 8 css 初始化 html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,...

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