如何將 CSS 檔案正確連結到我的 HTML 檔案？

如何從 HTML 檔案連結 CSS 檔案？

您需要將rel 屬性值變更為樣式表，以便將其識別為樣式表，例如this:

將rel 屬性值設為樣式表可以區分樣式表鏈接和圖示影像之間的差異關聯。您可以在 MDN 上查看 rel 屬性的所有可能值。

此外，如果仍然不起作用，請確保檔案「newcssstyle.css」與引用的 HTML 檔案位於同一目錄中。如果您將其放在諸如“stylesheets”之類的資料夾中，請確保將相對資料夾路徑新增至 HTML 檔案。

例如，如果您有一個如下目錄：

• 家長目錄名稱：

  • index.html

  • 樣式表：

    • newcssstyle.css
  newcssstyle.css

然後你會參考「newcssstyle.css」（相對於「index.css」）為href='Stylesheets/newcssstyle.css'

然而，在這樣的目錄中：

• 家長目錄名稱：

  • Html_files：
    • index.html

  • 樣式表：
    newcssstyle.css

然後您可以引用“newcssstyle.css” '../Stylesheets/newcssstyle.css' （其中..表示「上一層到父目錄」）。

並且在類似的目錄中這個：

• 家長目錄名稱：
  • index.html
  newcssstyle.css

然後您將引用「newcssstyle.css」作為href= './newcssstyle.css' 代替（其中單一 . 表示「它與 HTML 處於同一層級檔案」）。

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