要將CSS和HTML連接起來,可以通過以下幾種方式:
1. 內(nèi)部樣式表:在HTML文檔的`head`標簽中使用`style`標簽定義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)建一個獨立的CSS文件,然后在HTML文檔的`head`標簽中使用`link`標簽引用它。
例如:
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)樣式: 在標簽中使用`style`屬性定義CSS樣式。不過這種方法不太推薦,因為它會導致代碼難以維護。
例如:
<!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ù)實際情況進行選擇和應(yīng)用。