Rumah > Artikel > hujung hadapan web > Import helaian gaya luaran dalam CSS
Kami boleh mengimport fail CSS tambahan dalam pengisytiharan CSS yang lain. Peraturan @import digunakan untuk tujuan ini, ia memautkan lembaran gaya dalam dokumen. Biasanya digunakan apabila satu helaian gaya bergantung pada helaian gaya lain. Ia dinyatakan di bahagian atas dokumen selepas pengisytiharan @charset dalam teg
Sintaks peraturan @import adalah seperti berikut:
@import /*url or list-of-media-queries*/
Pertanyaan media boleh menjadi pernyataan kompaun yang mungkin menentukan tingkah laku dokumen dalam media yang berbeza.
Contoh berikut melaksanakan @import peraturan −
+ HTML document−
<!DOCTYPE html> <html> <head> <style type="text/css"> @import url(style.css); body { background-color: honeydew; } </style> </head> <body> <p>This is demo paragraph one. </p> <p class="two">This is demo paragraph two.</p> <p>This is demo paragraph three</p> </body> </html>
CSS document−
p { color: navy; font-style: italic; } .two { color: darkgreen; font-size: 24px; }
akan menghasilkan output berikut
Atas ialah kandungan terperinci Import helaian gaya luaran dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!