Rumah >hujung hadapan web >tutorial css >Mengapa Fail CSS Saya Tidak Dipautkan ke HTML Saya?

Mengapa Fail CSS Saya Tidak Dipautkan ke HTML Saya?

Barbara Streisand
Barbara Streisandasal
2024-11-29 02:13:09774semak imbas

Why Isn't My CSS File Linking to My HTML?

Bagaimana untuk memautkan fail CSS daripada fail HTML?

Apabila menggayakan HTML dengan teg dalam bahagian, anda mungkin menghadapi masalah apabila cuba mengalihkan gaya ke fail CSS buat kali pertama. Berikut ialah panduan penyelesaian masalah untuk membantu menyelesaikan masalah ini:

Mengapa memaut fail CSS tidak berfungsi?

Dalam kod HTML anda, anda telah menentukan atribut rel bagi tag sebagai "Semoga ini berfungsi". Ini tidak betul. Untuk memaut ke fail CSS, anda perlu menetapkan atribut rel kepada "stylesheet".

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

Menetapkan atribut rel kepada "stylesheet" membezakan pautan ini sebagai pautan stylesheet dan bukannya, katakan, ikon pautan imej.

Pertimbangan tambahan

Jika fail CSS masih tidak berfungsi selepas menetapkan atribut rel dengan betul, semak sama ada fail CSS berada dalam direktori yang sama dengan fail HTML yang merujuk. Jika ia berada dalam folder bersarang, gunakan laluan folder relatif yang sesuai dalam atribut href.

Sebagai contoh, jika struktur direktori ialah:

Parent Directory:
    - index.html
    - Stylesheets:
        - newcssstyle.css

Kemudian, dalam fail HTML, anda akan merujuk "newcssstyle.css" sebagai:

href='Stylesheets/newcssstyle.css'

Pastikan struktur direktori dan rujukan fail adalah betul untuk anda persediaan khusus.

Atas ialah kandungan terperinci Mengapa Fail CSS Saya Tidak Dipautkan ke HTML Saya?. 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