為什么要初始化 CSS 樣式呢？

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

在頁面開發中，我們常常會遇到瀏覽器自帶的默認樣式與布局問題。這些默認樣式的存在會導致在不同瀏覽器或不同設備上呈現的效果不一致，造成很多不必要的麻煩與問題。為了解決這些問題，我們可以使用初始化 CSS 樣式。

初始化 CSS 樣式的作用在于提供一套統一的 CSS 樣式規則，覆蓋瀏覽器的默認樣式，使頁面的呈現效果更為一致。同時，通過初始化 CSS 樣式，我們可以避免某些不必要的樣式出現，簡化頁面的開發和維護。

通常，我們可以在 CSS 文件中使用通配符 * 來選擇所有元素，并指定 margin 和 padding 為 0，將 box-sizing 屬性設置為 border-box，這樣可以確保所有元素的盒模型表現一致。

html,
body {
margin: 0;
padding: 0;
font-size: 16px;
}

除了上述通用的樣式規則之外，我們還可以根據實際情況添加其他的初始化樣式。例如，我們可以設置 html 和 body 的 margin 和 padding 為 0，保證頁面的邊距一致。我們還可以設置一個統一的字體大小，消除不同瀏覽器之間的差異。

綜上所述，初始化 CSS 樣式是頁面開發中不可或缺的一部分，它可以使頁面的呈現更為一致，避免不必要的樣式影響，更加方便我們的開發和維護工作。