Ushbu misolda birinchi sarlavha ichki uslubdan foydalangan holda qizil rangda 36 pikselga o'rnatiladi, ikkinchisi esa global uslublar jadvalida yashil rangda bo'ladi (3-rasm).
3-rasm
CSS-ni import qilish Siz CSS faylining tarkibini hozirgi uslublar jadvaliga @import buyrug'i yordamida import qilishingiz mumkin. Ushbu usul ichki uslublar bilan emas, balki bog'liq yoki global uslublar bilan birgalikda ishlatilishi mumkin. Umumiy sintaksis quyidagicha.
@import url("Fayl nomi") ularning turlari;
@import "fayl nomi" ularning turlari;
@Import kalit so'zidan keyin uslublar fayliga o'tish yo'li ikkita usuldan biri bilan ko'rsatiladi - url bilan yoki usiz. 6-misolda siz tashqi fayldan uslubni global uslublar jadvaliga qanday import qilishingiz mumkinligini bilib olasiz.
CSSni import qilish. 6-misol:
Import
Sarlavha 1
Sarlavha 2
Ushbu misolda style papkasida joylashgan header.css faylini qanday qo’shish mumkinligi keltirilgan.
Uslublar bor faylga ulanish ham huddi shu tarzda bajariladi. (Batafsil 7-misolda.)
Bog’langan uslublar jadvaliga import qilish. 7-misol: @import "/papka/print.css";
@import "/papka/palm.css";
BODY {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
background: white;
color: black;
}
Ushbu misol 1-rasmda ko'rsatilgan hujjatlarga qo'shilgan style.css faylining tarkibini, aniqrog'i tegidan foydalanishni ko'rsatadi.
Keling o'rganganlarimizni savollar bilan mustahkamlab olsak. Javoblarni izohlarda qoldirishingiz mumkin.
Bog'lanish uslubi.
