Apakah pautan luar css?-Soal Jawab bahagian hadapan-php.cn

Apakah pautan luar css?

青灯夜游

Lepaskan： 2022-09-01 18:43:32

asal

3362 orang telah melayarinya

Pautan luar css merujuk kepada mentakrifkan gaya CSS dalam fail format ".css", dan kemudian menggunakan teg pautan HTML untuk memautkan fail css ke dokumen HTML. Pautan luar css akan memuatkan fail CSS sebelum badan utama fail halaman web dimuatkan, jadi halaman web yang dipaparkan akan digayakan dari awal Ia tidak akan memaparkan halaman web yang tidak digayakan dahulu dan kemudian memaparkan yang digayakan seperti yang diimport css.

Apakah pautan luar css?

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

Css pautan luaran merujuk kepada penggunaan tag pautan HTML untuk memautkan fail css ke dalam dokumen HTML.

Fail CSS biasanya dipanggil helaian gaya luaran CSS, iaitu fail teks yang digunakan untuk meletakkan kod CSS dan kod CSS terdiri daripada kod teks dengan peraturan biasa tertentu. Kami menggunakan Notepad untuk menukar sambungan menjadi fail CSS.

fail css diakhiri dengan .css Kami melihat bahawa fail dengan akhiran .css ialah fail css.

Teg pautan perlu diletakkan di bahagian

Jenis pautan akan memuatkan fail CSS sebelum memuatkan badan utama fail halaman web, jadi halaman web yang dipaparkan akan mempunyai kesan gaya dari awal Ia tidak akan memaparkan halaman web yang tidak digayakan dahulu seperti jenis import, dan kemudian Memaparkan halaman web bergaya ialah kelebihan gaya pautan.

Berikut ialah contoh konkrit untuk ditunjukkan.

Pertama, anda perlu mentakrifkan fail gaya dalam format .css (seperti style.css), seperti yang ditunjukkan di bawah:

body {
    background-color: linen;
}
h1 {
    color: maroon;
    margin-left: 40px;
}

Salin selepas log masuk

Kemudian kami memperkenalkan fail style.css ini ke dalam Dokumen HTML, Seperti yang ditunjukkan di bawah:

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="./style.css">
    </head>  
    <body>
	<h1>PHP中文网</h1>
	<p>https://www.php.cn/</p>
    </body>
</html>

Salin selepas log masuk

Apakah pautan luar css?

Penerangan setiap atribut teg pautan:

atribut href menetapkan fail helaian gaya luaran Alamat 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 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 akan datang akan menggunakan berbilang elemen , fail skrip dan fail tema, malah boleh menyertakan fail tambahan tersuai yang 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 dipaparkan pada masa ini, ia hanya boleh dikaitkan dengan jenis helaian Gaya.

Nota:

Selain menggunakan teg pautan, anda juga boleh menggunakan @import untuk memperkenalkan helaian gaya luaran CSS.

Perbezaan antara pautan luaran (pautan) dan import (@import):

pautan ialah teg XHTML Selain memuatkan CSS, anda juga boleh mentakrifkan RSS dan Transaksi lain; @import tergolong dalam kategori CSS dan hanya boleh memuatkan CSS apabila
rujukan CSS, ia akan dimuatkan pada masa yang sama semasa halaman dimuatkan; import memerlukan halaman dimuatkan sepenuhnya.
pautan ialah teg XHTML dan tidak mempunyai isu keserasian manakala @import dicadangkan dalam CSS2.1 dan tidak disokong oleh penyemak imbas versi rendah.
dakwat menyokong menggunakan Javascript untuk mengawal DOM untuk menukar gaya @import tidak menyokongnya.
@import boleh memperkenalkan helaian gaya lain ke dalam fail CSS tidak menyokongnya.

(Belajar perkongsian video: bahagian hadapan web)

Atas ialah kandungan terperinci Apakah pautan luar css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!