Meros - CSSning
asosiy xususiyati; bu ajdodlar va bolalar munosabatlariga
tayanadi. Vorislik - bu xususiyatlarni nafaqat ko'rsatilgan elementga, balki uning
avlodlariga ham tatbiq etish mexanizmi. Meros HTML iyerarxiyasi bo'lgan
hujjat
daraxtiga asoslangan.Uyalar joylashtirishga asoslangan sahifadagi elementlar.
Asosiy elementlar CSS xususiyatlarini o'z ichiga olgan har qanday asosiy
elementdan meros qilib olishlari mumkin. Odatda, bolalar elementlari matn bilan
bog'liq xususiyatlarni meros qilib oladi, ammo ularning blok bilan bog'liq
xususiyatlari meros qilib olinmaydi. Meros qilib olinishi mumkin bo'lgan
xususiyatlar: rang, shrift, harflar oralig'i,
satr balandligi, ro'yxat uslubi, matnning
hizalanishi, matnning kirishi, matnning o'zgarishi, ko'rinishi, bo'sh joylari va
so'zlar oralig'i. Meros qilib olinmaydigan xususiyatlar: fon, chegara, displey,
suzuvchi va ravshan, balandlik
va kenglik, chekka, min- va maksimal balandlik va
kenglik, kontur, toshib ketish, to'ldirish,
joylashuv, matnni bezatish, vertikal-
tekislash va z. -indeks.O'zingizning jadvalingizda ba'zi xususiyatlarni qayta-qayta
e'lon qilishdan qochish uchun merosdan foydalanishingiz mumkin, bu esa
qisqartirilgan CSSga imkon beradi.CSSda merosxo'rlik
sinfga asoslangan
dasturlash tillaridagi meros bilan bir xil emas, bu erda siz B sinfini "A sinfiga
o'xshab, lekin o'zgarishlar bilan" belgilashingiz mumkin. CSS yordamida
elementni "A klassi bilan o'zgartirish mumkin, ammo o'zgarishlar bilan". Biroq,
keyinchalik o'zgarishlarni takrorlamasdan bir nechta elementlarni uslublash uchun
ishlatilishi mumkin bo'lgan B sinfini CSSni aniqlash mumkin emas.
Misol:
h1 {
pushti rang;
}
Bu merosni tasvirlash uchun em>
h1>
Agar em elementiga rang berilmasa, ajratilgan so'z "illustrate" uning asosiy h1
elementi rangini meros qilib oladi. H1 uslubi pushti rangga ega, shuning uchun em
elementi ham pushti rangga ega.
Bo'shliq
Xususiyatlar va selektorlar orasidagi bo'shliq e'tiborga olinmaydi. Ushbu kod
qismi: tanasi {toshib ketish: yashirin; fon: # 000000; fon tasviri: url (images /
bg.gif); fonni takrorlash: takrorlanmaslik; fon holati: chap yuqori;} funksional
jihatdan bunga teng: tanasi { toshib ketish: yashirin; fon rangi: # 000000; fon
tasviri: url (images / bg.gif); fonni takrorlash: takrorlanmaslik; fon holati: yuqori
chap;} CSS-ni o'qish uchun formatlashning keng tarqalgan usullaridan biri bu har
bir xususiyatni indent qilish va unga alohida satr berishdir. Kodni tezroq yozish
uchun o'qish uchun CSS formatlashidan tashqari stsenariy xususiyatlaridan
foydalanish mumkin, bu ham tezroq ishlaydi: tanasi {toshib ketish: yashirin;on: #
000 url (images / bg.gif) chap yuqori qismida takrorlanmasdan;}
Do'stlaringiz bilan baham: