Bincangkan penggunaan helaian gaya CSS secara terperinci: pautan/embed

Dalam w3cn Ajie, dia berkata:

Kandungan yang dipetik Pada masa lalu, kami biasanya menggunakan helaian gaya dalam dua cara: Kaedah sebaris halaman: iaitu, menulis helaian gaya terus di kawasan kepala kod halaman. Sama seperti ini: Dalam reka bentuk yang mematuhi web standards , kami menggunakan kaedah panggilan luaran, dan faedahnya terbukti dengan sendirinya Anda boleh menukar gaya halaman tanpa mengubah suai halaman, hanya mengubah suai fail .css. Jika semua halaman memanggil fail helaian gaya yang sama, maka menukar satu fail helaian gaya boleh menukar gaya semua fail.

Dapat dilihat bahawa Ajie sangat mengesyorkan menggunakan . Untuk menambah kata-kata Ajie, kelebihan menggunakan bukan sahaja mudah untuk mengubah suai helaian gaya, tetapi ia juga akan mempercepatkan kelajuan menyemak imbas pengguna. Kali pertama pengguna membuka halaman yang dipautkan ke helaian gaya, helaian gaya akan dimuat turun secara automatik ke cache setempat. Apabila pengguna membuka halaman lain, dan jika halaman ini juga dipautkan ke helaian gaya yang sama, fail yang berkaitan akan dibaca daripada cache, yang akan mempercepatkan penyemakan imbas.

Tetapi saya juga pernah menghadapi situasi ini: Kadangkala apabila rangkaian tidak lancar, selepas halaman dibuka, helaian gaya yang dipautkan tidak berjaya dimuatkan. Akibat daripada keadaan ini bukan sahaja warna, saiz dan gaya lain teks pada halaman tidak dapat dipaparkan, tetapi yang lebih menyusahkan ialah susun atur keseluruhan halaman mungkin menjadi kucar-kacir!

Contohnya, satu ketika saya membuka Macromedia.com, rangkaian syarikat tidak lancar, mungkin kerana terdapat ramai orang di bar bt. . . Halaman hasil muncul tanpa helaian gaya sama sekali dan reka letak yang biasa tidak lagi kelihatan Semua kandungan disusun dari atas ke bawah, sama seperti menyemak imbas tapak web pada telefon mudah alih. Walaupun semua kandungan masih boleh dilihat, saya terpaksa meluangkan sedikit masa untuk membiasakan diri dengan reka letak baharu ini, dan ada perasaan tidak lancar semasa menyemak imbas.

Semasa saya membuat halaman utama Kingsoft Online (versi sebelumnya tidak lagi kelihatan), saya membenamkan semua gaya ke dalam kawasan Halaman utama ialah halaman yang paling banyak dikunjungi tapak web dan mesti memastikan kebolehpercayaan yang tinggi. Selain itu, hanya helaian gaya halaman utama dibenamkan, dan halaman lain masih menggunakan , jadi ia tidak akan meningkatkan terlalu banyak beban kerja apabila mengubah suai gaya.

Semasa saya mengusahakan halaman utama amaoagou pada hujung minggu, saya merancang lagi gaya: Saya membenamkan gaya berkaitan reka letak seperti #head dan #left ke dalam bahagian dalam halaman, dan gaya lain telah dipautkan.

Untuk meringkaskan:

* Kaedah 1: Halaman utama dibenamkan sepenuhnya dan halaman lain dipautkan. Kelebihan: Ini memastikan halaman utama masih boleh dipaparkan dengan betul walaupun keadaan rangkaian kurang baik. Kelemahan: Apabila mengubah suai gaya, anda perlu mengubah suai helaian gaya luaran dan helaian gaya terbenam pada halaman utama. * Kaedah 2: Tulis gaya yang bertanggungjawab untuk reka letak secara berasingan daripada gaya lain. Halaman utama membenamkan gaya reka letak dan pautan ke gaya lain halaman lain menggunakan pautan ke kedua-dua set gaya. Kelebihan: Apabila mengubah suai gaya, beban kerja adalah lebih kecil daripada kaedah pertama. Apabila keadaan rangkaian tidak baik, kemunculan halaman utama tidak dapat dijamin sepenuhnya, tetapi sekurang-kurangnya susun atur tidak akan menjadi kucar-kacir. * Jika halaman yang dihasilkan tidak menepati piawaian, seperti topik kecil mengenai produk syarikat, ketua memerlukan ia dihasilkan dengan jadual untuk memastikan kelajuan topik dalam talian. Gaya yang digunakan pada setiap halaman: pautan. Untuk gaya yang hanya akan digunakan pada satu halaman ini, tetapi akan digunakan berkali-kali: benamkan . Untuk gaya yang hanya akan digunakan pada halaman ini dan hanya sekali: benamkan atau hanya tulis style="..." terus.

Bincangkan penggunaan helaian gaya CSS secara terperinci: pautan/embed_CSS/HTML