HTML和CSS是構(gòu)成網(wǎng)頁的兩個(gè)基本組成部分，HTML文件是網(wǎng)頁的基礎(chǔ)行骨架，而CSS則為網(wǎng)頁添加了視覺上的外觀和樣式。要實(shí)現(xiàn)對網(wǎng)頁樣式的控制，就需要將CSS與HTML文件關(guān)聯(lián)起來，這個(gè)過程稱為CSS選擇器。
<head> <title>My Website</title> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在HTML文件中，我們可以使用<link>標(biāo)簽將樣式文件引入，并為其指定一個(gè)"rel"屬性，值為"stylesheet"。同時(shí)，必須指定"type"屬性為"text/css"，這樣瀏覽器才能正確解釋樣式文件。最后，"href"屬性則指向我們的樣式文件名。
在樣式文件中，我們可以使用各種CSS屬性為HTML元素添加樣式，例如改變背景顏色、字體樣式、大小、對齊方式等等。每個(gè)CSS屬性都需要配合一個(gè)選擇器才能生效，選擇器的作用便是選擇哪些元素應(yīng)該應(yīng)用這些樣式。
body {
background-color: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
h1 {
text-align: center;
color: #0066cc;
}在上面這個(gè)例子中，我們使用了兩個(gè)選擇器：<body>和<h1>。<body>選擇器為整個(gè)頁面添加了背景顏色和字體樣式，而<h1>選擇器僅僅為頁面中的一級標(biāo)題添加了居中對齊和藍(lán)色顏色。
通過將HTML文件和CSS文件互相關(guān)聯(lián)，我們可以輕松地實(shí)現(xiàn)網(wǎng)頁的視覺表現(xiàn)和樣式控制。學(xué)習(xí)好CSS選擇器，可以幫助我們更好地管理網(wǎng)頁的樣式和布局，增強(qiáng)網(wǎng)站的視覺吸引力。