在進行網頁開發的時候，CSS（層疊樣式表）是非常重要的一部分。而對于CSS文件的初始化，也是非常重要的一步。下面我們就來介紹下如何初始化CSS代碼文件。

/* CSS代碼的初始化 */
/* 重置所有元素的默認樣式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 設置頁面基礎字體大小和行高 */
html {
font-size: 16px;
line-height: 1.5;
}
/* 去掉所有鏈接的下劃線 */
a {
text-decoration: none;
}
/* 去掉列表元素前面的默認符號 */
ul, ol {
list-style: none;
}
/* 去掉圖片的邊框 */
img {
border: none;
}
/* 取消表單控件的默認外觀 */
input, textarea, select, button {
border: none;
outline: none;
appearance: none;
}
/* 針對常用元素設置一些樣式 */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
}
p {
margin-bottom: 1em;
}

通過以上的初始化CSS代碼，我們可以去掉默認樣式，設置基礎字體大小和行高，去掉鏈接的下劃線，去掉列表元素前面的默認符號，去掉圖片的邊框，取消表單控件的默認外觀，并為常用元素設置一些樣式。