Har XIL usulda stil e’lon qilish. Reja

Meros olish
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>

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;}