武林網(wǎng)(www.survivalescaperooms.com)文章簡介:CSS網(wǎng)頁制作教程:制作網(wǎng)頁導(dǎo)航條.
CSS標(biāo)簽重置
對于XHTML+CSS布局起著一個重要的決定性作用,它是提高頁面瀏覽器兼容性的第一步。
那么什么是標(biāo)簽重置呢?
顧名思義,就是對HTML中的所有標(biāo)簽屬性重置,因為每個瀏覽器都有一個自己默認(rèn)的CSS文件,對HTML中的所有的標(biāo)簽進(jìn)行定義,以便沒有定義CSS的頁面能夠正常顯示在頁面,頁面在加載的時候如果沒有找到自帶的CSS文件,瀏覽器就用事先為您準(zhǔn)備好的CSS樣式,但是這個對于頁面布局,沒有什么用,所以我們需要將它們重新設(shè)置,不過標(biāo)簽有那么多,屬性那么多,怎么設(shè)置?!這都是個問題!
哈哈,不要著急,問題很容易解決,其實在我們布局頁面的時候,將最容易影響頁面布局的是HTML標(biāo)簽中的內(nèi)外邊距,只要我們將最常用的標(biāo)簽的內(nèi)外邊距設(shè)為零就OK了~比如一個頁面中用到下面div,p,ul,li四個標(biāo)簽?zāi)敲次覀兊闹刂么a就要這么寫
body,div,p,ul,li{margin:0; padding:0;}
因為body標(biāo)簽不同的瀏覽器定義的內(nèi)邊距是不一樣的,所以在上面代碼中加入body。
如果后面我用到form,h1,h2標(biāo)簽的話,我就再添加上去就OK了
body,div,p,ul,li,form,h1,h2{margin:0; padding:0;}
用到幾個標(biāo)簽就寫幾個!
有些人很喜歡用*{margin:0; padding:0;},其實KwooJan不建議這么用,因為HTML標(biāo)簽太多了,HTML4.01 參考手冊中就多達(dá)89個,我們平時常用的也就那么幾個,所以沒有必要將所有標(biāo)簽重置,這樣反而使頁面加載速度變慢!特別是對于大站點,更不提倡!
不過呢,如果頁面出了問題,用這個可以檢驗一下,是不是有標(biāo)簽沒有重置而導(dǎo)致的布局錯位喲~!
新聞熱點
疑難解答