Bagaimana untuk memuatkan fail css

Cara memuatkan fail css: 1. Gunakan "" untuk memuatkan; "@ import url("laluan fail css");" penyataan dimuatkan.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Kaedah 1: Muatkan melalui teg pautan

teg mentakrifkan hubungan antara dokumen dan sumber luaran ialah permukaan gaya pautan.

Gunakan teg dalam pasangan teg

Format tatabahasa:

<link rel="stylesheet" type="text/css" href="css文件路径" />

Penerangan setiap atribut:

• atribut href menetapkan alamat fail helaian gaya luaran, yang boleh alamat relatif , atau ia boleh menjadi alamat mutlak. Atribut

• rel mentakrifkan dokumen yang berkaitan, yang di sini bermaksud helaian gaya yang berkaitan.

• Atribut jenis mentakrifkan jenis fail yang diimport Seperti elemen gaya, teks/css menunjukkan fail teks CSS.

Nota:

Kaedah ini akan memuatkan fail CSS sebelum memuatkan badan utama fail halaman web, jadi halaman web yang dipaparkan akan mempunyai kesan gaya daripada Berbeza dengan kaedah import, halaman web yang tidak digayakan akan dipaparkan dahulu dan kemudian halaman web yang digayakan akan dipaparkan.

Kaedah 2: Memuatkan melalui @import

Peraturan@import digunakan untuk mengimport peraturan gaya daripada helaian gaya lain.

Gunakan arahan @import untuk mengimport maklumat helaian gaya luaran ke dalam halaman.

<style type="text/css">
@import url("css文件路径");
</style>

Nota:

Menggunakan @import untuk memperkenalkan CSS boleh memperkenalkan kod CSS daripada fail luaran dengan mudah, menjadikan penyelenggaraan dan perancangan lebih mudah. Walau bagaimanapun, setiap kali fail CSS tambahan diperkenalkan, permintaan sambungan akan ditambahkan pada pelayan Apabila bilangan lawatan adalah besar, pertukaran perlu dibuat antara kebolehselenggaraan dan prestasi.

Menggunakan kaedah @import untuk memuatkan akan menyebabkan fail CSS dimuatkan selepas halaman HTML dimuatkan Dalam erti kata lain, sebelum fail CSS dimuatkan, halaman akan berjalan telanjang, tetapi kelajuan tindak balas akan menjadi lebih pantas apabila memasuki laman web!

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk memuatkan fail css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!