CSS清楚初始樣式 在進行網頁設計時，我們一般會使用CSS來控制網頁的樣式。然而，瀏覽器在渲染網頁時，會自動為元素添加一些初始樣式，比如默認的字體大小、顏色、行距等。這些初始樣式可能會影響到我們的設計，因此需要清除它們。 一般來說，我們可以通過設置元素的樣式來覆蓋瀏覽器的初始樣式，但這是一件繁瑣的工作。為了更方便地清除初始樣式，我們可以使用一種技巧，即將所有元素的初始樣式都設置為相同的值。 以下是清除初始樣式的CSS代碼： ``` * { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } ``` 上面的代碼使用通配符`*`來選擇所有元素，然后將它們的外邊距和內邊距都設置為0，將框模型設置為`border-box`（這樣可以保證元素的寬度和高度都包括邊框和內邊距），并將默認字體設置為Arial。 需要注意的是，這種做法可能會讓一些元素的樣式出現問題，比如`button`、`input`等表單元素。這些元素的樣式需要單獨設置。 除了使用通配符選擇器之外，我們還可以使用重置樣式表來清除初始樣式。重置樣式表是一種包含了常規HTML元素樣式的CSS文件，可以覆蓋瀏覽器的默認樣式。以下是一些常用的重置樣式表： - Normalize.css - Reset.css - Eric Meyer's CSS reset 這些重置樣式表可以讓我們更方便地開始網頁設計工作，省去了大量的樣式覆蓋和調整工作。需要注意的是，使用重置樣式表時要注意其對特殊元素（比如表單元素）的影響，必要時需要進行調整。 綜上所述，清除初始樣式是網頁設計中必不可少的一步。無論是使用通配符選擇器，還是引入重置樣式表，都可以幫助我們更方便地掌控網頁的樣式，讓我們的設計更加順利。