HTML 是網(wǎng)頁(yè)開發(fā)中必不可少的一部分，而 CSS 則是我們對(duì)網(wǎng)頁(yè)進(jìn)行樣式設(shè)計(jì)的關(guān)鍵。在編寫 HTML 代碼時(shí)，我們通常會(huì)使用 CSS 對(duì)網(wǎng)頁(yè)進(jìn)行美化，因此需要將 HTML 代碼和 CSS 分離。
如下代碼：
<!DOCTYPE html>
<html>
<head>
<title>HTML and CSS</title>
<style>
body {
background-color: #fff;
color: #000;
}
</style>
</head>
<body>
<p>這是一段文本。</p>
</body>
</html>上面的代碼是 HTML 代碼和 CSS 樣式合在一起的示例。如果我們將 CSS 分離出來(lái)，應(yīng)該如何操作呢？
首先，我們需要在 HTML 代碼中引入外部樣式表。在 <head> 標(biāo)簽內(nèi)添加如下代碼：
<link rel="stylesheet" type="text/css" href="style.css">
其中，href 屬性指向我們新建的 style.css 文件。然后，在 style.css 文件中編寫 CSS 樣式代碼，如下所示：
body {
background-color: #fff;
color: #000;
}這樣，我們就成功地將 HTML 代碼和 CSS 分離開來(lái)了。需要注意的是，HTML 和 CSS 文件要存放在同一個(gè)目錄下，并且文件名和路徑要正確無(wú)誤。