在開發PC端網頁時，為了避免各種瀏覽器對CSS樣式的默認設置干擾我們的設計，我們需要進行CSS樣式的初始化。一般來說，我們會使用 Normalize.css 來進行初始化。

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Safe defaults
 */
/**
 * 2. Remove default margin.
 */
body {
margin: 0;
}
/**
 * 3. Correct the line height in all browsers.
 *    1.5 is roughly equal to 15px.
 */
html {
line-height: 1.5;
}
/**
 * 4. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
-webkit-text-size-adjust: 100%;
}
/**
 * 5. Box sizing border-box
 */
*,
*::before,
*::after {
box-sizing: border-box;
}
/**
 * 6. Remove the margin in all browsers.
 */
*:not(input):not(textarea) {
margin: 0;
}
/**
 * 7. Reapply inhereted font-weight on text inputs and buttons
 */
input,
button {
font-weight: inherit;
}
/**
 * 8. Reset browser styles for tables
 */
table {
border-collapse: collapse;
border-spacing: 0;
}
/**
 * 9. Reset styles for reversed text direction.
 */
[dir="rtl"] {
text-align: right;
}
[dir="rtl"] * {
direction: rtl;
}
[dir="ltr"] {
text-align: left;
}
[dir="ltr"] * {
direction: ltr;
}

Normalize.css 中的樣式代碼盡可能保持簡單、清晰易懂，以覆蓋盡量多的瀏覽器默認樣式，同時也避免了代碼冗余。在使用 Normalize.css 時，我們只需將其引入到網頁中即可，無需更改其代碼。同時，如果我們需要對某些樣式進行修改，也可以在其基礎上進行調整，而不會影響其它樣式。