在進行頁面設計的過程中，我們經常需要使用一些通用的樣式，比如說默認的字體、字號、行高等等。然而，這些通用樣式并不一定符合我們的設計需求，因此需要對它們進行一定的修改或者去除。這篇文章就來講一下如何使用CSS去除通用樣式。

首先，我們需要了解一下通用樣式是怎么產生的。通常情況下，瀏覽器默認會對一些標簽應用一些樣式，這些樣式是屬于瀏覽器的默認樣式。比如說，對于h1標簽，瀏覽器默認會設置它的字體大小、字體顏色、行高等等。而這些默認樣式會影響到我們自己設置的樣式。

我們可以使用CSS的reset樣式來去除默認樣式。reset樣式顧名思義就是將所有樣式都reset到其默認狀態，這樣我們就可以自由地定義我們自己的樣式了。以下是一個簡單的reset樣式的例子：

* {
margin: 0;
padding: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

這個reset樣式將所有元素的margin和padding都設置為0，將字體大小設置為默認大小，將字體設置為繼承自父元素的字體，將垂直對齊方式設置為默認，將盒模型設置為border-box。此外，這個reset樣式還去除了一些表單元素的默認樣式。需要注意的是，這個reset樣式并不是萬能的，有些瀏覽器或設備可能會有一些自帶的樣式，我們還需要適時地去除。

除了使用reset樣式去除通用樣式之外，我們還可以使用一些更細致的方法。比如說，對于字體，我們可以使用font-size: 0來去除它的默認大小，并自己設置字體大小；對于行高，我們可以使用line-height: normal來去除默認的行高。

綜上所述，去除通用樣式是頁面設計中必要的一步，只有去除了這些樣式，才能讓我們的頁面更符合我們的預期，并符合我們的設計需求。