HTML是網(wǎng)頁(yè)開(kāi)發(fā)中不可或缺的一部分，它是網(wǎng)頁(yè)的基礎(chǔ)架構(gòu)，而CSS則是用于美化網(wǎng)頁(yè)的技術(shù)。兩者是緊密相關(guān)的，那么如何連接HTML和CSS呢？
<!DOCTYPE html>
<html>
<head>
<title>My webpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Hello World!</h1>
<p>This is my first webpage.</p>
</body>
</html>以上是連接HTML和CSS的方式。需要注意的是，在HTML的頭部（head）標(biāo)簽中，需要添加一個(gè)link標(biāo)簽。這個(gè)標(biāo)簽的rel屬性是stylesheet，表示這個(gè)鏈接引用了一個(gè)樣式表文件；type屬性是"text/css"，表示這個(gè)引用的文件是CSS樣式表；href屬性是對(duì)樣式表文件的鏈接地址。
需要引用的CSS樣式表文件必須在同一目錄下，而且文件名必須對(duì)應(yīng)。在本例中，我們的文件名是style.css。由此，我們可以看到，這是一個(gè)相對(duì)路徑，而非絕對(duì)路徑。這是因?yàn)檫@個(gè)文件是同一目錄下的。如果文件存放在其他文件夾中，則需要使用相應(yīng)的文件路徑。
在CSS樣式表中，我們可以添加一些規(guī)則來(lái)控制HTML元素的樣式。例如：
h1 {
color: red;
font-size: 24px;
}
p {
color: green;
font-size: 16px;
}這里的h1和p就是HTML文件中的標(biāo)題（heading）和段落（paragraph）元素。我們使用CSS來(lái)控制它們的顏色和字體大小。將這些樣式添加到style.css文件中，就可以渲染網(wǎng)頁(yè)。
總之，HTML和CSS是網(wǎng)頁(yè)開(kāi)發(fā)過(guò)程中不可或缺的兩個(gè)元素。連接它們非常簡(jiǎn)單，只需要使用一個(gè)link標(biāo)簽即可。而CSS樣式表文件的控制就在CSS文件中。