首頁 >web前端 >css教學 >為什麼我的 CSS 檔案沒有連結到我的 HTML?

為什麼我的 CSS 檔案沒有連結到我的 HTML?

Barbara Streisand
Barbara Streisand原創
2024-11-29 02:13:09773瀏覽

Why Isn't My CSS File Linking to My HTML?

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

使用內嵌

為什麼連結 CSS 檔案不起作用?

在 HTML 程式碼中,您已指定 的 rel 屬性。標記為“希望這有效”。這是不正確的。要連結到 CSS 文件,您需要將 rel 屬性設為「stylesheet」。

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

將 rel 屬性設為“stylesheet”可將此鏈接區分為樣式表鏈接,而不是圖標圖片鏈接。

其他注意事項

如果正確設定 rel 屬性後 CSS 檔案仍然無法正常運作,請檢查是否CSS 檔案與引用的 HTML 檔案位於同一目錄中。如果位於嵌套資料夾中,請在 href 屬性中使用適當的相對資料夾路徑。

例如,如果目錄結構為:

Parent Directory:
    - index.html
    - Stylesheets:
        - newcssstyle.css

然後,在HTML 檔案中,您可以將引用「newcssstyle.css」:

href='Stylesheets/newcssstyle.css'

確保目錄結構和文件引用對於您的特定來說是正確的設定。

以上是為什麼我的 CSS 檔案沒有連結到我的 HTML?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn