CSS清空格式指的是在編寫CSS樣式表時,首先將HTML文檔的默認樣式全部去除,避免造成不必要的干擾和限制。以下是使用CSS清空格式的代碼:
* { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; box-sizing: border-box; } body { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; }
上面的代碼使用了通用選擇器 * 來選擇任何頁面元素,將所有的默認樣式都清空。其中,margin、padding和border樣式屬性設置為0,則能夠充分利用瀏覽器可用空間,使頁面更為美觀。
另外,box-sizing: border-box,則保證了盒子的寬度和高度都包括了元素的內邊距和邊框,避免因內邊距和邊框寬度的影響而導致頁面樣式錯亂。
最后,由于每個瀏覽器的默認行高可能并不相同,因此指定body元素的行高為1,則可以滿足多數場景下文字排版要求。
上一篇css清浮動并保留效果
下一篇mysql忘記賬號密碼了