Toshkent axborot texnologiyalari universiteti qarshi filiali kompyuter injiniringi fakulteti ats

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

Oddiy oqim
Ichki elementlar xuddi matndagi harflar singari, bo'shliq paydo bo'lguncha mavjud bo'shliqda birin-ketin joylashtiriladi va keyin yangi satrdan boshlanadi. Bloklangan elementlar vertikal ravishda, paragraflar kabi va markirovka qilingan ro'yxatdagi narsalar kabi to'planadi. Oddiy oqim shuningdek blok yoki inline elementlari va kirish maydonlarining nisbiy joylashishini o'z ichiga oladi.
Suzib yuradi
Suzuvchi element odatdagi oqimdan tortib olinadi va mavjud maydonda iloji boricha chapga yoki o'ngga siljiydi. Keyin boshqa tarkib suzuvchi element bilan birga oqadi.
Mutlaq joylashishni aniqlash
Mutlaqo joylashtirilgan element boshqa elementlarning normal oqimida joy topmaydi va unga ta'sir qilmaydi. U boshqa elementlardan mustaqil ravishda idishdagi belgilangan maydonni egallaydi. 
Lavozim xususiyati
Lavozim xususiyati uchun to'rtta qiymat mavjud. Agar element statikdan farqli o'laroq joylashtirilgan bo'lsa, u holda yuqori, pastki, chap va o'ng qo'shimcha xususiyatlar ofset va holatni aniqlash uchun ishlatiladi.