Rumah > hujung hadapan web > tutorial css > Perbezaan antara import css dan pertukaran link_Experience

Perbezaan antara import css dan pertukaran link_Experience

WBOY
Lepaskan: 2016-05-16 12:04:33
asal
1643 orang telah melayarinya

Saya melihat bahawa kebanyakan halaman beberapa laman web ditulis seperti ini



Dan banyak laman web menggunakan pautan



Laman web seperti Google, Baidu 163, dsb. ditulis terus dalam halaman web

Sudah tentu, kelebihan menggunakan pautan dan import ialah ia mudah diselenggara, tetapi apabila kelajuan rangkaian agak perlahan, memuatkan gangguan akan berlaku , mengakibatkan ralat susun atur halaman

Mereka mempunyai fungsi yang sama

Satu-satunya perbezaan ialah objek perkhidmatan adalah berbeza

@import menyajikan CSS

Pautan adalah untuk perkhidmatan halaman Semasa

Beberapa netizen berkata bahawa @import akan dilaksanakan terlebih dahulu.

Perbezaan antara pautan dan @import dalam CSS rujukan luaran

Dalam dua hari lepas, saya baru sahaja selesai menulis beberapa cara untuk memuatkan CSS dalam XHTML Antaranya, CSS rujukan luaran terbahagi kepada dua kaedah: pautan dan @import.

Pada asasnya, kedua-dua kaedah ini digunakan untuk memuatkan fail CSS, tetapi masih terdapat perbezaan yang ketara.

Perbezaan 1: Perbezaan antara nenek moyang. Pautan tergolong dalam teg XHTML, dan @import sepenuhnya merupakan kaedah yang disediakan oleh CSS.
Selain memuatkan CSS, teg pautan juga boleh melakukan banyak perkara lain, seperti mentakrifkan RSS, mentakrifkan atribut sambungan rel, dll. @import hanya boleh memuatkan CSS.

Perbezaan 2: Perbezaan dalam susunan pemuatan. Apabila halaman dimuatkan (iaitu, apabila dilihat oleh penonton), CSS yang dirujuk oleh pautan akan dimuatkan pada masa yang sama, manakala CSS yang dirujuk oleh @import akan menunggu sehingga halaman dimuat turun sepenuhnya sebelum dimuatkan. Jadi kadang-kadang apabila menyemak imbas halaman di mana @import memuatkan CSS, tidak akan ada gaya (ia hanya berkelip), yang agak jelas apabila kelajuan rangkaian perlahan (cara memuatkan CSS dalam Dream City ialah menggunakan @import, saya memuat turun dan layari laman web Dream City pada masa yang sama) , masalah di atas akan berlaku).

Perbezaan 3: Perbezaan dalam keserasian. Memandangkan @import telah dicadangkan oleh CSS2.1, pelayar lama tidak menyokongnya @import hanya boleh dikenali oleh IE5 atau lebih tinggi, tetapi teg pautan tidak mempunyai masalah ini.

Perbezaan 4: Perbezaan apabila menggunakan DOM untuk mengawal gaya. Apabila menggunakan JavaScript untuk mengawal dom untuk menukar gaya, anda hanya boleh menggunakan teg pautan, kerana @import tidak boleh dikawal oleh dom.

Terdapat kira-kira perbezaan ini (jika ada perbezaan lain, sila beritahu saya dan saya akan menambahnya adalah sama daripada analisis di atas, lebih baik menggunakan tag pautan.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan