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

Bagaimana untuk Memautkan Fail CSS dengan Fail HTML dengan Betul?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-02 01:48:09706semak imbas

How to Properly Link a CSS File to an HTML File?

Cara Memautkan Fail CSS daripada Fail HTML

Anda menghadapi masalah apabila memautkan fail CSS daripada fail HTML. Isu ini boleh diselesaikan dengan memastikan perkara berikut:

Tetapkan Nilai Atribut yang Betul

Dalam fail HTML, nilai atribut rel hendaklah ditetapkan kepada "stylesheet" dan bukannya "Semoga ini berfungsi. " Kod yang diperbetulkan ialah:

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

Pastikan Peletakan Fail

Fail "newcssstyle.css" mesti berada dalam direktori yang sama dengan fail HTML yang dirujuknya. Jika ia berada dalam subfolder, laraskan laluan atribut href dengan sewajarnya.

Contoh Struktur Direktori dan Laluan Fail Relatif

Kes 1: Fail CSS berada dalam subfolder bernama "Stylesheets."

Parent Directory Name
   index.html
   Stylesheets
      newcssstyle.css

HTML:

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

Kes 2: Fail CSS berada dalam subfolder lain bernama "Html_files."

Parent Directory Name
   Html_files
      index.html
   Stylesheets
      newcssstyle.css

HTML:

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

Kes 3: Fail CSS berada dalam direktori yang sama dengan HTML fail.

Parent Directory Name
   index.html
   newcssstyle.css

HTML:

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

Atas ialah kandungan terperinci Bagaimana untuk Memautkan Fail CSS dengan Fail HTML 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