CSS是網(wǎng)頁設計中不可或缺的一部分,但是網(wǎng)頁的樣式在不同的瀏覽器中會有所不同,這對于頁面的美觀和用戶體驗是非常不利的。因此,我們需要一種重置樣式的方法,使得在不同的瀏覽器中網(wǎng)頁的樣式基本一致。
CSS3中提供了一種重置樣式的新方法,那就是使用“box-sizing:border-box”屬性,它的作用是讓盒子的大小包括邊框和內(nèi)邊距,而不是只包括內(nèi)容區(qū)域。
下面是一個CSS3重置樣式的例子:
* { margin: 0; padding: 0; box-sizing: border-box; }上面的代碼中,“*”表示選擇所有元素,然后將所有元素的外邊距和內(nèi)邊距都設置為0,把盒子的大小設置為包括邊框和內(nèi)邊距。
這里有一個需要注意的地方,有些元素的外邊距和內(nèi)邊距是不能被重置的,例如“hr”、“img”等元素的外邊距就是不能被重置的。所以在實際的應用中,我們還需要進一步針對不同的元素進行樣式的處理。
上一篇css3醒醒閃耀效果
下一篇css3重力全景