Temui empat cara untuk menggunakan helaian gaya CSS dalam halaman web_Pertukaran pengalaman

Bagaimana untuk memasukkan CSS ke dalam halaman web

Kami telah mempelajari tentang sintaks CSS sebelum ini, tetapi jika kami ingin memaparkan kesan dalam penyemak imbas, kami mesti membiarkan penyemak imbas mengenali dan memanggilnya. Apabila penyemak imbas membaca helaian gaya, ia mesti membacanya dalam format teks Berikut ialah empat kaedah memasukkan helaian gaya ke dalam halaman: memaut ke helaian gaya luaran, helaian gaya dalaman, mengimport helaian gaya luaran dan gaya terbenam.

1. Pautan ke helaian gaya luaran
Untuk memaut ke helaian gaya luaran ialah menyimpan helaian gaya sebagai fail helaian gaya, dan kemudian gunakan teg < fail helaian gaya pada halaman. Teg ini mesti diletakkan di bahagian <

Kodnya adalah seperti berikut: …… … 

Contoh di atas menunjukkan bahawa penyemak imbas membaca helaian gaya yang ditentukan dalam format dokumen daripada fail mystyle.css . rel="stylesheet" merujuk kepada penggunaan helaian gaya luaran ini dalam halaman. type="text/css" bermaksud jenis fail ialah teks helaian gaya. href="mystyle.css" ialah tempat letak fail. media adalah untuk memilih jenis media ini termasuk: skrin, kertas, peranti sintesis pertuturan, peranti membaca Braille, dsb.

Fail helaian gaya luaran boleh digunakan pada berbilang halaman. Apabila anda menukar fail helaian gaya ini, gaya semua halaman diubah sewajarnya. Ia amat berguna apabila membuat sejumlah besar laman web dengan halaman gaya yang sama Ia bukan sahaja mengurangkan beban kerja pendua, tetapi juga memudahkan pengubahsuaian dan penyuntingan masa hadapan, dan juga mengurangkan muat turun berulang kod semasa menyemak imbas.

Fail helaian gaya boleh dibuka dan diedit dengan mana-mana editor teks (contohnya: Notepad Umumnya, sambungan fail helaian gaya ialah .css). Kandungan ialah helaian gaya yang ditentukan dan tidak mengandungi teg HTML Kandungan fail mystyle.css adalah seperti berikut:
jam {color: sienna}

p {margin-left: 20px}
body. {background-image: url("images/back40.gif")} /*Tentukan warna garisan mendatar menjadi kuning bumi; jidar kosong di sebelah kiri perenggan ialah 20 piksel; ialah fail back40.gif dalam direktori imej*/

2. Helaian gaya dalaman meletakkan helaian gaya dalam kawasan > gaya digunakan pada halaman. Helaian gaya ditandakan dengan gaya >, penggunaan gaya > 🎜>Salin kod


Kod adalah seperti berikut:



…… } 
body {background-image: url(" images/back40.gif")} 
 

……  Nota: Sesetengah penyemak imbas versi rendah tidak dapat mengecam teg gaya, yang bermaksud bahawa penyemak imbas versi yang lebih rendah akan mengabaikan kandungan dalam teg gaya dan memaparkan kandungan dalam teg gaya terus pada halaman sebagai teks. Untuk mengelakkan situasi ini, kami menggunakan ulasan HTML (< !-- Ulasan -- >) untuk menyembunyikan kandungan tanpa membiarkannya dipaparkan:

Salin Kod


Kodnya adalah seperti berikut:


}
body {background-image: url("images/back40.gif")}
--> ; 
 

…… 
 🎜>

3. Import helaian gaya luaran
Mengimport helaian gaya luaran bermaksud mengimport helaian gaya luaran dalam < ;kepala>
……
. Kaedah ini hampir sama dengan kaedah memaut ke helaian gaya, tetapi kaedah input helaian gaya luaran mengimport mempunyai lebih banyak kelebihan. Pada asasnya ia adalah bersamaan dengan disimpan dalam helaian gaya dalaman.
Nota: Mengimport helaian gaya luaran mestilah pada permulaan helaian gaya, di atas helaian gaya dalaman yang lain.

4. Gaya sebaris
Gaya sebaris dicampur dalam teg HTML. Dengan cara ini, anda boleh mentakrifkan gaya berasingan untuk sesuatu elemen. Penggunaan gaya sebaris adalah untuk menambah terus parameter gaya pada teg HTML. Kandungan parameter gaya ialah atribut dan nilai CSS, seperti dalam contoh berikut:

Ini ialah perenggan

Kandungan dalam tanda petikan selepas parameter gaya adalah bersamaan dengan kandungan dalam kurungan kerinting helaian gaya.
Nota: Parameter gaya boleh digunakan pada mana-mana elemen dalam BODY (termasuk BODY itu sendiri), kecuali BASEFONT, PARAM dan SCRIPT. ,

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