CSS 樣式表是一種用于設(shè)計(jì) HTML 頁(yè)面外觀的文件。我們可以在 CSS 樣式表中定義元素的樣式，比如文字顏色、背景顏色、字體、字號(hào)等等。下面將介紹如何建立 CSS 樣式表。
/* 這是一個(gè)示例的 CSS 樣式表 */
/* 選擇器及樣式 */
p {
color: blue;
font-size: 20px;
}
/* 選擇器及樣式 */
h1 {
color: red;
font-size: 40px;
}
/* 選擇器及樣式 */
a {
color: purple;
text-decoration: none;
}
/* 選擇器及樣式 */
img {
border: 1px solid black;
}上面是一個(gè)簡(jiǎn)單的 CSS 樣式表示例。首先，我們使用p標(biāo)簽選擇了所有段落元素并定義了它們的文字顏色和字號(hào)。然后，我們使用h1標(biāo)簽選擇頁(yè)面中所有的一級(jí)標(biāo)題，并設(shè)置了它們的顏色和字號(hào)。接下來，我們使用a標(biāo)簽選擇所有的鏈接，并修改了它們的顏色和去除了下劃線。最后，我們使用img標(biāo)簽選擇了所有的圖片元素，給它們添加了一個(gè)黑色實(shí)線的邊框。
在 web 開發(fā)中，我們通常將 CSS 樣式表保存為一個(gè)單獨(dú)的文件，并使用link標(biāo)簽將它引入到我們的 html 頁(yè)面中：
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Welcome to my website!</h1> <p>Here you can find all sorts of interesting things...</p> <img src="example.png" alt="example"> </body> </html>
上面的 HTML 代碼示例演示了如何將之前創(chuàng)建的 CSS 樣式表文件鏈接到我們的 HTML 頁(yè)面中。我們?cè)O(shè)置了頁(yè)面標(biāo)題，然后使用link標(biāo)簽引入了 CSS 樣式表。最后，我們添加了一些 HTML 元素來演示如何應(yīng)用這些樣式。
通過這些步驟，您現(xiàn)在應(yīng)該能夠創(chuàng)建一個(gè)基本的 CSS 樣式表并將它應(yīng)用到您的 HTML 頁(yè)面中了。祝您愉快的編碼！