Bagaimana untuk Memautkan Fail CSS dan Fon daripada Folder Berbeza dalam HTML?

Memautkan CSS dan Fail Fon Merentasi Folder

Dalam struktur folder yang diberikan, tugasnya adalah untuk memautkan fail CSS dan fail fon daripada berasingan folder ke fail HTML. Untuk melakukan ini:

Memautkan Fail CSS:

Buka fail HTML dan tambah baris berikut dalam bahagian:

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

Barisan ini menyatakan bahawa fail stylesheet.css terletak satu folder di atas (ke belakang) daripada fail HTML.

Memautkan Fail CSS Font-Face:

Begitu juga, untuk memautkan fail CSS muka fon, tambah baris berikut pada bahagian:

<link href="fonts/fontstyle.css" rel="stylesheet">

Baris ini menghala ke fail CSS muka fon, yang terletak dalam folder "fon".

Memautkan Fon

Untuk memautkan fon dalam fail fontstyle.css, gunakan atribut src sebagai berikut:

@font-face {
  font-family: 'Font1';
  src: url('../fonts/font1/font1.ttf') format('truetype');
  src: url('../fonts/font1/font1.svg') format('svg');
}

Kod ini menyatakan bahawa fon Font1 terletak dalam folder "fonts/font1" dan termasuk kedua-dua versi TTF dan SVG.

Ingat garis panduan berikut apabila menggunakan relatif laluan fail:

• Bermula dengan "/" kembali ke akar direktori.
• Bermula dengan "../" menggerakkan satu direktori ke belakang.
• Bermula dengan "../" menggerakkan dua direktori ke belakang.
• Untuk bergerak ke hadapan, mulakan dengan subdirektori pertama dan teruskan bergerak ke hadapan.

Atas ialah kandungan terperinci Bagaimana untuk Memautkan Fail CSS dan Fon daripada Folder Berbeza dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!