Rumah > hujung hadapan web > tutorial css > Bagaimana untuk memperkenalkan helaian gaya luaran dalam css

Bagaimana untuk memperkenalkan helaian gaya luaran dalam css

青灯夜游
Lepaskan: 2021-11-10 15:08:51
asal
16699 orang telah melayarinya

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

Bagaimana untuk memperkenalkan helaian gaya luaran dalam 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 untuk mengimport

Gunakan teg

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

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 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 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