在使用CSS來美化網(wǎng)頁(yè)時(shí),我們常常需要清除默認(rèn)樣式以便更好地掌控網(wǎng)頁(yè)設(shè)計(jì)。下面我們來看一下如何清除瀏覽器默認(rèn)樣式。
* { margin: 0; padding: 0; box-sizing: border-box; }
上述代碼中的*
選擇器表示將全文檔中的所有元素都選中。接下來使用margin
和padding
將每個(gè)元素的內(nèi)、外邊距以及邊框框盒(box),從而不會(huì)對(duì)頁(yè)面造成不必要的影響。
除此之外,box-sizing: border-box;
屬性還可以讓元素的占用寬度固定,不會(huì)因?yàn)閮?nèi)邊距和邊框的增加而改變盒子的總寬度。這種方式考慮了圖片、文字等其他元素的邊框?qū)挾葐栴},能夠帶來更好的體驗(yàn)。
總的來說,在設(shè)計(jì)網(wǎng)頁(yè)時(shí),清除默認(rèn)樣式是必須的一步。上述代碼可以像復(fù)制黏貼一樣簡(jiǎn)單生成,讓你在網(wǎng)頁(yè)設(shè)計(jì)中更加?jì)故熳匀纭?/p>