CSS中reset是很重要的一部分,它可以讓我們在不同的瀏覽器上獲得更加一致的效果。在開始您的CSS樣式之前,最好先提供一些reset代碼來重置各種HTML元素的初始樣式。這樣你可以獲得更好的一致性和控制性。
*{ margin: 0; padding: 0; box-sizing: border-box; } body{ font-family: Arial, sans-serif; font-size: 16px; color: #333; } h1, h2, h3, h4, h5, h6{ font-weight: normal; } ul, ol{ list-style: none; } a{ text-decoration: none; color: inherit; } img{ max-width: 100%; height: auto; display: block; }
上面一段代碼是CSS reset的基礎,它重置了所有元素的margin和padding,并將box-sizing設置為border-box。這樣的好處在于,當使用border和padding時,它們在你的Box Model中都會作為一個整體來考慮。同時我們還設置了body的默認字體,以及對于ul, ol和a標簽的一些常用樣式的設置。
無論是從零開始還是在一個已經存在的項目中,都需要添加reset樣式。如果在一個現有的項目中,你會發現每個瀏覽器的外觀都有一些細微差別。通過編寫reset樣式,您將獲得一種更加一致和可控的布局。
上一篇omf oracle