CSS樣式表是一種實(shí)現(xiàn)網(wǎng)頁樣式美化與布局的技術(shù)，可以將網(wǎng)頁的樣式與內(nèi)容分開，使網(wǎng)頁更易于維護(hù)與修改。要使用CSS，我們需要在HTML文檔中將其引入，通常有以下兩種方式：
/* 第一種方式：將CSS代碼直接嵌入在HTML頁面中 */ <head> <style> /* CSS代碼 */ </style> </head>
此方式將CSS代碼嵌入HTML頁面中，但會(huì)增加頁面大小及加載時(shí)間，不易于維護(hù)。因此，我們通常使用第二種方式——將CSS代碼保存到單獨(dú)的樣式表文件中。
/* 第二種方式：引入外部CSS樣式表文件 */ <head> <link rel="stylesheet" href="style.css"> </head>
此方式通過將CSS代碼保存在外部樣式表文件中，可減少HTML文檔的體積，易于維護(hù)。其中，rel屬性為固定寫法，表示引用的是一個(gè)樣式表文件。href屬性用于指定樣式表文件的路徑。
/* 樣式表文件示例 */
/* style.css */
/* 全局選擇器 */
body {
font-size: 16px;
color: #333;
}
/* 元素選擇器 */
h1 {
font-size: 24px;
font-weight: bold;
}
/* 類選擇器 */
.btn {
display: inline-block;
padding: 8px 16px;
background-color: #007bff;
color: #fff;
text-decoration: none;
}在樣式表文件中，我們可以定義全局選擇器、元素選擇器、類選擇器等多種樣式。而在HTML文檔中，我們則可以通過相應(yīng)的標(biāo)簽及屬性來引用樣式。例如：
/* HTML文檔示例 */ <body> <h1>這是一個(gè)標(biāo)題</h1> <a href="#" class="btn">這是一個(gè)按鈕</a> </body>
通過這種方式，我們就可以輕松地為網(wǎng)頁添加樣式了。