在使用 CSS 進行網頁布局時，我們可能會碰到一個問題，就是某些元素的樣式受到了前面一些樣式的影響，我們需要清空這些樣式，使元素不再繼承前面的樣式；或者是我們需要重置某個元素的默認樣式，使其按照我們的需求進行布局。

這時候我們就需要使用 CSS 的清空樣式和重置樣式了。

清空樣式

/* 清空所有樣式 */
* {
all: unset;
}
/* 清空所有樣式，但保留文字的樣式 */
* {
all: revert;
}
/* 清空所有樣式，但保留盒模型的樣式 */
* {
all: initial;
}
/* 清空某個元素的樣式 */
.element {
all: unset;
}
/* 清空某個元素的樣式，但保留文字的樣式 */
.element {
all: revert;
}
/* 清空某個元素的樣式，但保留盒模型的樣式 */
.element {
all: initial;
}

重置樣式

/* 重置某個元素的默認樣式 */
.element {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
box-sizing: border-box;
}

以上就是使用 CSS 清空樣式和重置樣式的方法，需要根據實際需求來選擇清空所有樣式、清空某個元素的樣式，或者是重置某個元素的默認樣式。