初始化

由於每個瀏覽器都會預設不同的預設樣式，所以在開始切版之前，要先將樣式初始化，讓每個瀏覽器的預設值一致

初始化套件 reset css

簡單暴力的初始化套件，將所以元素都重置，適合 0% -> 100% 樣式打造

優點

適合充滿想法的設計師
所有樣式都一致

缺點

全部樣式都要自己寫
使用第三方套件時，可能會導致樣式無法正常顯示問題

初始化套件 Normalize.css

現代化的初始化套件，保留部分預設樣式並且修正一些瀏覽器 bug，適合 50% -> 100% 樣式打造

優點

不需要全部樣式自己寫就可以得到一個還能看得樣式
原始碼註解清楚
第三方套件友善

缺點

不同瀏覽器還是有可能發生樣式不一致問題
充滿想法的設計師可能無法正常發揮

簡易初始化

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