如何正確地將 CSS 文件連結到 HTML 文件？

如何從 HTML 檔案連結 CSS 檔案

從 HTML 檔案連結 CSS 檔案時遇到問題。透過確保以下內容可以解決該問題：

設定正確的屬性值

在 HTML 檔案中，rel 屬性的值應設定為「stylesheet」而不是「希望這有效。 」更正後的程式碼為：

<link rel="stylesheet" href="newcssstyle.css" type="text/css">

確保檔案放置

「newcssstyle.css」檔案必須與其引用的 HTML 檔案位於同一目錄中。如果位於子資料夾中，請相應調整 href 屬性路徑。

目錄結構與相對檔案路徑範例

情況 1： CSS檔案位於名為的子資料夾中「樣式表。」

Parent Directory Name
   index.html
   Stylesheets
      newcssstyle.css

HTML:

<link rel="stylesheet" href="Stylesheets/newcssstyle.css">

情況 2:> CSS文件位於名為的不同子文件夾中"Html_files."

Parent Directory Name
   Html_files
      index.html
   Stylesheets
      newcssstyle.css

HTML:

<link rel="stylesheet" href="../Stylesheets/newcssstyle.css">

情況3: CSS文件與HTML 位於同一目錄中文件。

Parent Directory Name
   index.html
   newcssstyle.css

HTML:

<link rel="stylesheet" href="./newcssstyle.css">

以上是如何正確地將 CSS 文件連結到 HTML 文件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！