Bagaimana untuk Memautkan Fail CSS dengan Fail HTML dengan Betul?

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!