Желе Документтер кандай CSS Inheritance Works
CSS менен сайтты стайлинг маанилүү бөлүгү мурас түшүнүгүн түшүнүү.
CSS үлүшү жазуусу мүлктү стили менен аныкталат колдонулат. Сиз стили мүлк арткы түсүн карап жатканда, "Мурас" аттуу бөлүмүн көрө аласыз. Эгер көпчүлүк дизайнерлердин окшош болсо, анда сиз ошол көрүү четке кагып, бирок ал бир максат менен кызмат кылат.
CSS мурас деген эмне?
Эгерде ар бир элемент HTML документтин бир дарактын бир бөлүгү болуп саналат жана баштапкы элементи тышкары ар бир элемент аны кучагында ата-эне элементи бар болот. касиеттери тукум болот адамдар болсо болбосун стилдери ошол аталык элемент колдонулат ага тиркелген элементтерине карата да колдонулушу ыктымал.
Мисалы, ушул HTML коду төмөнкү EM теги тиркөө h1 теги бар:
Бул <эм> Big Башкы болот
EM элемент H1 элементтин бир жаш бала, ал эми калган 1-жарым жылдыгында ар кандай стилдери, ошондой эле EM текстине өткөрүлүп келет. Мисалы:
h1 {арип өлчөмү: 2em; }арип өлчөмү мүлк мурас болгондуктан, текст, "чоң" дейт (EM Tags ичинде тиркелген жатат) 1-жарым жылдыгында калган эле көлөмү болот. Бул CSS мүлктү койгон мураскору болот.
Кантип CSS Мурасты пайдалануу
Аны пайдалануу жагы менен тааныш боло турган CSS касиеттери жана тукум кууп өткөн эмес. мүлк тукум кууп өткөн болсо, анда балл документте ар бир бала элементи үчүн ошол эле бойдон калат деп билем.
Бул колдонуу үчүн мыкты жолу дене сыяктуу, өтө жогорку даражалуу элемент боюнча негизги стилдерди орнотуу болуп саналат. Эгер коюлса арип-үй орган менчик, анда, рахмат мураска ээ болуу менен, бүт документ ошол эле арип-үй-бүлөсүн сактап калат. азыраак жалпы стилдери бар, анткени, бул иш жүзүндө башкаруу берет майда Стилдерди үчүн кылам. Мисалы:
орган {арип-үй-бүлө: Arial, Sans-Serif; }Inherit Style баасы колдонуу
Ар бир CSS мүлк мүмкүн ыкмасы катары мааниси "мурасташат" кирет. Бул мүлк, адатта, тукум кууп өткөн эмес, болмок да болсо, анда ата-энеси сыяктуу эле мааниге ээ болушу керек экенин, браузеринин айтылат. Эгер, мисалы, тукум кууп өткөн эмес, айырма катары стили коюлса, аларды ата-энеси сыяктуу эле чектен берүүгө кийинки касиеттери жөнүндө мурастагыла Наркы колдоно аласыз. Мисалы:
орган {маржа: 1em; } Б {маржа: мураска; }Мурастоо эсептелген баалары колдонот
Бул тукум үчүн маанилүү арип өлчөмү сыяктуу баалуулуктарды барарын колдонушат. А эсептелген наркы Желе-беттеги башка наркына салыштырмалуу бир баалуулук.
Эгер BODY элементке 1em бир арип өлчөмүн коюуга болсо, толугу менен барак өлчөмү бардык гана 1em болбойт. Бул сыяктуу элементтер себеби (Н1-Н6) жана башка элементтер (айрым браузерлерге башкача стол касиеттерин эсептөө) браузеринен салыштырмалуу өлчөмү бар. башка тексттин өлчөмү текст маалымат жок болсо, браузер дайыма Н2 жана ошондой эле андан кийинки бир жылдын 1-жарым жылдыгы кабарында беттеги ири текст, кылам. Эгер сиз өзгөчө ариптин өлчөмүнө чейин BODY элементи орноткондон кийин, анда бул "орточо" арип өлчөмү катары колдонулат, ал эми баш сөздүү кабарында элементтери тартып эсептелет.
Бир Эскертүү жөнүндө Тукум куучулук жана тарыхы касиеттери
W3C 2 CSS менен тукум кууп өткөн эмес, дейт келтирилген стилдеги бир катар бар, бирок браузерлер да баалуулуктарды мурасташат. Мисалы, эгер сиз төмөнкү HTML жана CSS мындай деп жазган:
<Стили түрү = "текст / CSS"> h1 {өбөлгөлөрү-түсү: сары; }Бул <эм> Big гезити болот
сөз "Big" дагы маалымат-түсү мүлк мурас бере албайт да, сары билим болмок. Бул маалымат жүйөсүнүн баштапкы мааниси "ачык-айкын" болуп эсептелет. Ошентип, <эм> боюнча арткы түсүн көрүп эмес, бирок, тескерисинче, бул түс