HTML 是一種用于創(chuàng)建網(wǎng)絡(luò)頁面的標(biāo)記語言。您可以將文本、圖片、音頻、視頻等內(nèi)容組合起來，創(chuàng)建美觀的頁面。而 CSS 則是一種用于控制頁面樣式的標(biāo)準(zhǔn)。通過 CSS，您可以修改頁面的字體、顏色、間距等，使頁面呈現(xiàn)出更加美觀的效果。下面我們來了解一下如何在 HTML 中包含外部的 CSS。
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Welcome to My Website!</h1> <p>This is my first paragraph.</p> </body> </html>
上面的代碼中，我們使用了 HTML5 的文檔類型聲明（`<!DOCTYPE html>`），這是 HTML5 的標(biāo)準(zhǔn)聲明，告訴瀏覽器當(dāng)前頁面使用了最新的 HTML5 標(biāo)準(zhǔn)。在 `
` 標(biāo)簽中，我們使用了一個 `` 標(biāo)簽，指向了一個名為 `style.css` 的文件。這個文件就是我們的外部 CSS 文件。瀏覽器會自動加載這個文件，并應(yīng)用其中的樣式到當(dāng)前頁面。外部 CSS 文件包含了所有的 CSS 樣式。下面是一個簡單的 `style.css` 文件：
body {
font-size: 16px;
font-family: Arial, sans-serif;
}
h1 {
color: blue;
font-weight: bold;
}
p {
color: gray;
line-height: 1.5;
margin-bottom: 1em;
}這個文件定義了三個樣式：
- 對于所有的 `` 元素，使用 16px 的字體大小，Arial 或 sans-serif 字體。
- 對于所有的 `
` 元素，在藍(lán)色字體下加粗。
- 對于所有的 `
` 元素，使用灰色字體、1.5 倍行高及 1em 的下邊距。
通過將樣式分離到一個單獨的文件中，可以使我們的代碼更加干凈、易于維護(hù)。如果我們需要修改頁面的樣式，只需要修改外部 CSS 文件即可，而不必改動 HTML 文件。
上一篇html加點css