Rumah >hujung hadapan web >tutorial css >Bagaimana Saya Memautkan Fail CSS dengan Fail HTML Saya dengan Betul?

Bagaimana Saya Memautkan Fail CSS dengan Fail HTML Saya dengan Betul?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-07 05:47:17978semak imbas

How Do I Properly Link a CSS File to My HTML File?

Bagaimana untuk memautkan fail CSS daripada fail HTML?

Anda perlu menukar nilai atribut rel kepada helaian gaya supaya ia mengenalinya sebagai helaian gaya, seperti ini:

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

Menetapkan nilai atribut rel kepada lembaran gaya membezakan perbezaan antara, katakan, pautan lembaran gaya dan pautan imej ikon. Anda boleh melihat semua nilai yang mungkin untuk atribut rel pada MDN.

Selain itu, jika ia masih tidak berfungsi, pastikan fail "newcssstyle.css" berada dalam direktori yang sama dengan fail HTML yang dirujuk. Jika anda meletakkannya dalam folder seperti "stylesheets", pastikan anda menambah laluan folder relatif pada fail HTML anda.

Contohnya, jika anda mempunyai direktori seperti ini:

  • Direktori Induk Nama:

    • index.html
    • Lembaran Gaya:

      • newcssstyle.css

Kemudian anda akan merujuk "newcssstyle.css" (berbanding dengan "index.css") sebagai href='Stylesheets/newcssstyle.css'

Manakala, dalam direktori seperti ini:

  • Direktori Induk Nama:

    • Html_files:

      • index.html
    • Lembaran Gaya:

      • newcssstyle.css

Kemudian anda akan merujuk "newcssstyle.css" sebagai href='../Stylesheets/newcssstyle.css' sebaliknya (di mana .. bermaksud "naik satu tahap ke direktori induk").

Dan dalam direktori seperti ini:

  • Direktori Induk Nama:

    • index.html
    • newcssstyle.css

Kemudian anda akan merujuk "newcssstyle.css" sebagai href= './newcssstyle.css' sebaliknya (di mana satu . bermaksud "ia pada yang sama tahap sebagai fail HTML").

Atas ialah kandungan terperinci Bagaimana Saya Memautkan Fail CSS dengan Fail HTML Saya dengan Betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn