如何將 CSS 連結到 HTML – 樣式表文件連結

HTML 是幫助您定義網頁結構的標記語言。CSS是你用來使結構美觀和佈局良好的樣式表語言。

要使使用 CSS 實現的樣式反映在 HTML 中，必須找到一種將 CSS 連結到 HTML 的方法。

您可以透過編寫內聯 CSS、內部 CSS 或外部 CSS 來執行連結。

最佳做法是將 CSS 與 HTML 分開，因此本文重點介紹如何將外部 CSS 連結到 HTML。

如何將 CSS 連結到 HTML - 樣式表文件連結

如何將 CSS 連結到

要將 CSS 連結到 HTML，必須將連結標記與一些相關屬性結合使用。

連結標記是一個自結束標記，應放在 HTML 的頭部部分。

要用它將CSS連結到HTML，這是你如何做到的：

將連結標記放在 HTML 的頭部部分，如下所示：

連結標記的屬性

屬性rel

rel是外部檔案與當前檔案之間的關係。對於 CSS，請使用 。例如。stylesheetrel=“stylesheet”

屬性type

type是要連結到 HTML 的文件的型別。對於 CSS，它是 。例如。text/csstype=“text/css”

屬性href

href代表“超文字引用”。您可以使用它來指定 CSS 檔案的位置和檔名。它是一個可點選的連結，因此您也可以按住並單擊它以檢視CSS檔案。CTRL

例如，如果 CSS 檔案與 HTML 檔案位於同一資料夾中。或者，如果 CSS 檔案位於另一個資料夾中。href=“styles。css”href=“folder/styles。css”