重置css(CSS Reset)指的是將默認樣式表里的樣式都重置為一開始初始狀態的操作。默認樣式表里的樣式會因為網站自身的樣式表覆蓋,而使得樣式有所不同。重置css可以保證網頁在各種瀏覽器里的樣式以及表現一致。
在CSS Reset里,通常會將所有字體顏色、字體大小、外邊距和內邊距、行高以及元素邊框等都設置為0,同時所有元素的外邊框也會被清除。一些元素比如鏈接會改變其樣式,而文字保持在原來的顏色。
以下是一個重置css的示例代碼:
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, legend, input, textarea, button, select { margin: 0; padding: 0; } html, body { height: 100%; } input[type="text"], input[type="password"], textarea { font-family: Arial, sans-serif; font-size: 16px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; } a { text-decoration: none; color: #333; }
注意,在使用重置css時一定要小心,因為有些網站可能已經依賴默認樣式表里的樣式。在應用重置css的時候,需要明確自己想要達到的效果并進行小心的處理。