" 2. ""."/> " 2. "".">

Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah cara asas untuk menulis pautan luaran css?

Apakah cara asas untuk menulis pautan luaran css?

青灯夜游
青灯夜游asal
2021-07-21 16:40:0611276semak imbas

Penulisan: 1. "3f592fa8dd8e62b0005c9462445b894d" 2. "11c6b9a105a1d9ddb712796d6febda24@import url("Alamat fail");531ac245ce3e4fe3d50054a55f265927".

Apakah cara asas untuk menulis pautan luaran css?

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

Helaian gaya luaran (pautan luar) 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 untuk mengimport fail helaian gaya luaran:

<link type="text/css" rel="stylesheet" href="css文件地址"/>

untuk setiap Perihalan atribut:

  • atribut href menetapkan alamat fail helaian gaya luaran, yang boleh menjadi alamat relatif atau 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.

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 untuk mengimport fail helaian gaya luaran:

<style type="text/css">
@import url("css文件地址");
</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 teg HTML, manakala @import ialah CSS disediakan.

  • 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 Apakah cara asas untuk menulis pautan luaran css?. 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
Artikel sebelumnya:apa itu modul cssArtikel seterusnya:apa itu modul css