在進(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)的時(shí)候，CSS（層疊樣式表）是非常重要的一部分。而對(duì)于CSS文件的初始化，也是非常重要的一步。下面我們就來(lái)介紹下如何初始化CSS代碼文件。

/* CSS代碼的初始化 */
/* 重置所有元素的默認(rèn)樣式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 設(shè)置頁(yè)面基礎(chǔ)字體大小和行高 */
html {
font-size: 16px;
line-height: 1.5;
}
/* 去掉所有鏈接的下劃線 */
a {
text-decoration: none;
}
/* 去掉列表元素前面的默認(rèn)符號(hào) */
ul, ol {
list-style: none;
}
/* 去掉圖片的邊框 */
img {
border: none;
}
/* 取消表單控件的默認(rèn)外觀 */
input, textarea, select, button {
border: none;
outline: none;
appearance: none;
}
/* 針對(duì)常用元素設(shè)置一些樣式 */
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;
}

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