Rumah >hujung hadapan web >tutorial css >Import helaian gaya luaran dalam CSS
Import helaian gaya luaran dalam CSS
- 王林ke hadapan
- 2023-08-24 12:21:031961semak imbas
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
Syntax
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
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; }Output berikut
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!