HTML 和 CSS 是兩個不同的語言,但是它們常常一起使用來創建網頁。在 HTML 中,我們使用標簽來定義頁面的結構和內容,而 CSS 則是用來控制頁面的樣式和布局。要讓 HTML 和 CSS 關聯起來,我們需要在 HTML 中使用一些特定的代碼。
首先,我們需要在 HTML 的 head 標簽中添加一個 link 標簽,用于引入 CSS 文件。下面是示例代碼:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
在這里,我們使用了 link 標簽,指定了其 rel 屬性為 stylesheet,type 屬性為 text/css,href 屬性為我們的 CSS 文件路徑。這告訴瀏覽器去加載這個文件,并將其中的樣式應用到我們的 html 文檔中。
接下來,我們需要在 HTML 的 body 中設置一個 div 或其他容器,用于包含我們要應用樣式的元素。例如:<div class="container">
這是一個包含文字的 div。
</div>
這里我們使用了一個 class 屬性為 container 的 div,可以用來樣式化其中的文本。
然后,在 CSS 文件中,我們可以使用 class 選擇器來選擇這個 div,例如:.container {
background: #f2f2f2;
color: #333;
font-size: 18px;
}
這樣,我們就按照 class 選擇器選擇了 div,設置了它背景顏色、字體顏色、字體大小等樣式。當瀏覽器加載 HTML 文件時,它會將對應的 CSS 樣式一起應用到頁面中。
總之,HTML 和 CSS 關聯起來只需要在 HTML 文件中引入 CSS 文件并在其中設置好需要應用樣式的元素,再在 CSS 文件中使用相應的選擇器來選擇這些元素并設置樣式即可。