要將CSS和HTML連接起來(lái),可以通過(guò)以下幾種方式:
1. 內(nèi)部樣式表:在HTML文檔的`head`標(biāo)簽中使用`style`標(biāo)簽定義CSS樣式,這樣可以讓CSS代碼嵌入到HTML文檔中。
例如:
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<style>
body { background-color: #f0f0f0; }
h1 { color: red; }
</style>
</head>
<body>
<h1>My Page</h1>
<p>Hello World!</p>
</body>
</html>
2. 外部樣式表:創(chuàng)建一個(gè)獨(dú)立的CSS文件,然后在HTML文檔的`head`標(biāo)簽中使用`link`標(biāo)簽引用它。
例如:
body { background-color: #f0f0f0; }
h1 { color: red; }
在 HTML 文件中:
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>My Page</h1>
<p>Hello World!</p>
</body>
</html>
3. 行內(nèi)樣式: 在標(biāo)簽中使用`style`屬性定義CSS樣式。不過(guò)這種方法不太推薦,因?yàn)樗鼤?huì)導(dǎo)致代碼難以維護(hù)。
例如:
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1 style="color: red;">My Page</h1>
<p style="background-color: #f0f0f0;">Hello World!</p>
</body>
</html>
總之,以上三種方式都可以將CSS和HTML進(jìn)行連接,需要根據(jù)實(shí)際情況進(jìn)行選擇和應(yīng)用。