<style>標籤來嵌入CSS樣式。你可以在<style>標籤中定義你所有需要的CSS樣式，這樣HTML頁面在載入時就會將CSS樣式套用到文件中。例如下面的範例：<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
body {
background-color: blue;
}
h1 {
color: white;
text-align: center;
}
</style>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是我的第一个网页</p>
</body>
</html><style>標籤中嵌入CSS樣式，將頁面背景顏色設定為藍色，將標題顏色設定為白色並居中對齊。 <p>二、使用外部CSS檔案<p>如果你在多個HTML頁面中要使用相同的CSS樣式，那麼使用內部CSS會顯得非常冗餘，這時候我們可以使用外部CSS文件。我們新建一個以.css為後綴的文件，例如style.css，並在HTML頁面的頭部標籤內透過<link>標籤將CSS樣式文件連結到頁面上。例如：<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是我的第一个网页</p>
</body>
</html>body {
background-color: blue;
}
h1 {
color: white;
text-align: center;
}<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1 style="color: white; text-align: center;">欢迎来到我的网页</h1>
<p style="background-color: blue;">这是我的第一个网页</p>
</body>
</html><h1>標籤和<p>標籤中使用了style屬性，分別定義了標題的顏色和對齊方式，以及段落的背景顏色。
<p>總結
<p>無論是內部CSS、外部CSS檔案或行內CSS，它們的最終目的都是為了美化網頁的外觀。在實際開發中，我們可以根據實際情況選擇不同的方式進行CSS和HTML的連結。當要定義的CSS樣式比較多時，我們可以使用外部CSS檔案；當需要定義較少的樣式時，則可以使用內部CSS或行內CSS。 以上是css和html怎麼連接的詳細內容。更多資訊請關注PHP中文網其他相關文章！
