18-19 Mavzu: CSS da yagona sahifa stilini yaratishda class va id dan foydalanish. SAHIFAGA CSS USLUBLARINI QO'SHISH YO'LLARI (+amaliy) Veb-sahifaga imkoniyatlari va maqsadlari bilan farq qiladigan uslublarni (styles) qo'shishning bir necha yo'li mavjud. Keling, biz ularni batafsil ko'rib chiqamiz.
Bog’langan uslublar Bog’langan uslublardan foydalanganda sellektorlarning tavsifi va ularning qiymatlari alohida faylda bo’ladi, u odatda css kengaytmasi bilan joylashgan bo'lib, hujjatni ushbu fayl bilan bog'lash uchun <link> tegidan foydalaniladi. Ushbu teg 1-misolda ko'rsatilgandek <head> konteyneriga joylashtirilgan.
1-Misol: Bog’langan uslublarni ulash.
Uslublar
Sarlavha
Matn
Ushbu misolda ko'rsatilgandek, <link> atributi tegining (rel) qiymati kod qanday bo’lmasin o'zgarishsiz qoladi. href qiymati CSS fayliga yo'lni belgilaydi.
<link> yorlig'i orqali ulangan style.css faylining tarkibi 2-misolda keltirilgan.
Uslublarga ega fayl. 2-misol: H1 {
color: #000080;
font-size: 200%;
font-family: Arial, Verdana, sans-serif;
text-align: center;
}
P {
padding-left: 20px;
}
Ushbu misoldan ko'rinib turibdiki, uslublar faylida CSS sintaksisidan boshqa ma'lumotlar saqlanmaydi. O'z navbatida, HTML-hujjat faqat uslubi bo'lgan faylga havolani o'z ichiga oladi, ya'ni shu tarzda kodni ajratish va veb-sayt dizayni prinsipini to'liq amalga oshiriladi. Shu sababli, tegishli uslublardan foydalanish saytga uslub qo'shishning eng universal va qulay usuli hisoblanadi. Axir, uslublar bitta faylda saqlanadi va HTML hujjatlarida faqat unga havola ko'rsatiladi.
Global uslublar Global uslublardan foydalanganda CSS xususiyatlari hujjatning o'zida tavsiflanadi va veb-sahifa sarlavhasida joylashgan bo’ladi. O'zining moslashuvchanligi va qobiliyatiga ko'ra, uslubni qo'shishning bu usuli oldingisidan pastroq, ammo u sizga
