html 連接css的代碼

使用HTML連接CSS

CSS可以讓HTML文檔更好地呈現。但是要使用CSS，我們需要先將它添加到HTML文檔。

添加CSS的方法有兩種：內部樣式和外部樣式表。下面我們來分別介紹這兩種方法。

內部樣式

通過內部樣式，我們可以在HTML文檔的頭部使用<style>標簽添加CSS樣式。

<head>
<title>使用HTML連接CSS</title>
<style>
body {
background-color: #f7f7f7;
}
h2 {
color: darkblue;
}
</style>
</head>

上面的代碼會將頁面背景色設置為淺灰色，H2標簽的文字顏色設置為深藍色。

另一種添加CSS的方法是使用外部樣式表。這個文件包含了所有的CSS樣式。通過<link>標簽將其鏈接到HTML文檔。

<head>
<title>使用HTML連接CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

上面的代碼會將HTML文檔鏈接到名為style.css的外部樣式表。

無論使用哪種方式，連接CSS的代碼都必須放在HTML文檔的頭部。