在進行網頁設計的時候,我們通常都需要用到CSS來設置樣式。但是有時候,我們想要取消所有之前設置的樣式,重新開始設置樣式,該怎么辦呢?
這時候,我們就可以利用CSS的reset(重置)樣式來實現取消所有設置,不過要注意,就算是重置了所有樣式,HTML標簽的默認樣式也不會被取消。以下是一個簡單的reset樣式代碼:
* { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }
上面這段代碼將針對所有的HTML元素進行樣式取消操作,例如將外邊距、內邊距、邊框、字體大小等全部設置為0,將字體設置為繼承,垂直對齊方式設置為基線對齊,盒子模型設置為"border-box"。
需要注意的是,重置樣式會取消掉所有之前設置的樣式,包括整體布局樣式。如果你在使用重置樣式之后發現頁面沒有按照自己的預期進行布局,建議使用固定的基礎樣式進行重新設置。