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
Lepaskan: 2024-12-07 05:47:17
asal
933 orang telah melayarinya

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">
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan