Bagaimana untuk memperkenalkan helaian gaya luaran dalam css

Kaedah pengenalan: 1. Gunakan teg pautan untuk memperkenalkan, sintaksnya ialah "4876c3289ec49ab24ddcc130b01021a7" 2. Gunakan "@import"; peraturan dalam teg gaya Diperkenalkan, sintaks "@import url("laluan fail css");".

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

Helaian gaya luaran mesti diimport ke dalam dokumen web sebelum ia boleh dikenali dan dihuraikan oleh penyemak imbas. Fail helaian gaya luaran boleh diimport ke dalam dokumen HTML dalam dua cara.

1. Gunakan teg 2cdf5bf648cf2f33323966d7f58a7f3f untuk mengimport

Gunakan teg 2cdf5bf648cf2f33323966d7f58a7f3f

<link href="外部样式表文件路径" rel="stylesheet" type="text/css" />

Penjelasan setiap atribut:

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

• rel Atribut mentakrifkan dokumen yang berkaitan, yang di sini bermakna dokumen yang berkaitan ialah helaian gaya. Atribut

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

Secara amnya apabila mentakrifkan teg 261f5faa98205db566fb261e4276ef68 3 atribut asas harus ditakrifkan, antaranya href ialah atribut yang mesti ditetapkan.

Anda juga boleh menambah atribut tajuk dalam elemen pautan untuk menetapkan tajuk helaian gaya pilihan Iaitu, apabila dokumen web mengimport berbilang helaian gaya, anda boleh memilih fail helaian gaya untuk digunakan nilai atribut tajuk.

Petua: Dalam penyemak imbas Firefox, anda boleh memilih pilihan "Lihat --> Gaya Halaman" dalam menu, dan kemudian nilai atribut tajuk akan dipaparkan dalam submenu Hanya pilih atribut tajuk yang berbeza Gunakan fail helaian gaya yang diperlukan secara terpilih. Pelayar IE tidak menyokong ciri ini.

Selain itu, atribut tajuk berkaitan dengan atribut rel Menurut rancangan organisasi W3C, dokumen web masa hadapan akan menggunakan berbilang elemen 261f5faa98205db566fb261e4276ef68 fail, dan fail tema, malah boleh menyertakan fail tambahan tersuai lain. Selepas mengimport begitu banyak fail dengan jenis dan nama yang berbeza, anda boleh menggunakan atribut tajuk untuk memilih Pada masa ini, peranan atribut rel menjadi jelas. Pada masa ini, ia hanya boleh dikaitkan dengan jenis helaian Gaya.

Gaya luaran ialah penyelesaian terbaik untuk aplikasi CSS Fail helaian gaya boleh dirujuk oleh berbilang halaman web Pada masa yang sama, fail halaman web boleh mengimport berbilang helaian gaya dengan berulang kali menggunakan elemen pautan untuk mengimport lembaran gaya yang berbeza.

2. Gunakan kata kunci @import untuk mengimport

Gunakan kata kunci @import dalam teg c9ccee2e6ea535a969eb3f532ad9fe89 fail helaian gaya :

<style type="text/css">
@import url("外部样式表文件路径");
</style>

Selepas kata kunci @import, gunakan fungsi url() untuk memasukkan alamat fail helaian gaya luaran tertentu.

Perbandingan

Perbandingan dua kaedah mengimport helaian gaya:

• pautan ialah HTML tag , dan @import disediakan oleh CSS.

• Apabila halaman dimuatkan, pautan akan dimuatkan pada masa yang sama dan CSS yang dirujuk oleh @import akan menunggu sehingga halaman dimuatkan sebelum dimuatkan.

• @import hanya boleh dikenali oleh IE 5 atau lebih tinggi, manakala pautan ialah teg HTML dan tidak mempunyai masalah keserasian.

• Gaya pautan mempunyai berat yang lebih tinggi daripada berat @import.

Lazimnya disyorkan untuk menggunakan pautan untuk mengimport helaian gaya dan @import boleh digunakan sebagai kaedah tambahan.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan helaian gaya luaran dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!