Назарияи мафҳуми CSS

Чӣ гуна мероси CSS дар Web Documents кор мекунад

Қисми муҳими тарҳрезии вебсайт бо CSS ин мафҳуми меросро фаҳмидан аст.

Ҳуқуқи CSS ба таври автоматикӣ бо тарзи хосияти истифодашуда муайян карда мешавад. Вақте, ки шумо ранги аслии амволи молиро мебинед, шумо як қисмеро, ки "меросхӯрӣ" ном дорад, мебинед. Агар шумо мисли дизайнерҳои зиёди вебсайт ҳастед, шумо ин қисмро рад мекунед, аммо он мақсадро иҷро мекунад.

CSS мирӣ чист?

Ҳар як элементи ҳуҷҷати HTML қисми як дарахт ва ҳар элемент аст, ба ғайр аз ибтидоии элементи воҳиди воҳиди, ки онро дарбар мегирад. Ҳар гуна сабкҳо ба унсурҳои волидайн татбиқ карда шаванд, ки ба унсурҳои дар он ҷойгиршуда истифода шаванд, агар хосиятҳое, ки метавонанд ворис шаванд.

Масалан, ин HTML рамзи дар поён овардашуда дорои H1-ҳо мебошад,

Ин

Элементи EM ба кӯли элементҳои H1, ва ҳар як таркиби H1, ки меросашон меросидаанд, ба матни EM низ дода мешаванд. Барои намуна:

h1 {font-size: 2em; }}

Азбаски моликияти андозаи андозаи тасвири меросхурдашуда, матн, ки "калон" ном дорад (ки он дар дохили EM tags ҷойгир аст) ҳамон андозаи ҳамон боқимондаҳои H1 хоҳад буд. Ин сабаби он аст, ки арзиши муқарраршудаи CSS ба мерос мегузорад.

Чӣ тавр истифода бурдани CSS

Усули осонтарини истифода бурдани он аст, ки бо хусусиятҳои CSS шинос шуда, ба мерос нагиред. Агар амволи меросӣ бошад, шумо медонед, ки арзиш барои ҳар як кӯдаки дар ҳуҷҷат монанд аст.

Беҳтарин роҳи истифода бурдани ин услуби асосӣ ба унсурҳои хеле баланд, ба монанди БОДИ. Агар шумо собит-оилаи худро дар моликияти бадан ҷойгир кунед, сипас, ба шарофати мерос, тамоми ҳуҷҷати мазкур ҳамон суроғаи оилавӣ нигоҳ дошта мешавад. Ин дар ҳақиқат барои сабтҳои хурдтаре, ки барои идоракунӣ осонтар аст, барои он, ки сабки умумии кам вуҷуд дорад. Барои намуна:

{font-family: Arial, sans-serif; }}

Истифодаи арзиши миросро истифода баред

Ҳар як амволи CSS дорои арзиши "меросхӯрӣ" ҳамчун имконоти имконпазир мебошад. Ин ба браузери вебсайт оварда мерасонад, ки ҳатто агар моликияти ғайриманқул ба мерос нагирад, он бояд ба волидон баробар бошад. Агар шумо тарзи муқаррариро ба монанди маржие, ки ба мерос нагиред, муқаррар кунед, шумо метавонед арзиши меросро дар бораи хосиятҳои минбаъда истифода баред, то онҳо ба волидон ҳамон як мартаба диҳанд. Барои намуна:

{{margin {body: 1em; } p {margin: мерос; }}

Муносибати арзиши ҳисобкардашуда истифода мешавад

Ин барои арзишҳои бадастомада, ба монанди андозаи шрифт , ки дарозии он истифода мекунад, муҳим аст. Арзиши ҳисобкардашуда арзишест, ки ба баъзе арзишҳо дар веб саҳифа дорад.

Агар шумо дар унвони элементи шумо 1-адад font-андозаи ҳарфро муқаррар созед, тамоми саҳифаи шумо танҳо дараҷаи 1-ум нест. Ин сабабест, ки элементҳо ба монанди сарлавҳаҳо (H1-H6) ва дигар элементҳо (баъзе браузерҳо моҳияти гуногуни ҷадвалро ҳисоб мекунанд) дар андозаи нисбӣ дар веб браузер доранд. Дар сурати мавҷуд набудани дигар нишондиҳандаҳои андозаи ҳарф, веб-браузер ҳамеша ҳарфи H1-ро ба матнҳои калонтарини саҳифа, пас аз H2 ва ғайра месозад. Вақте, ки шумо элементи ODD-ро ба андозаи мушаххаси андоза ҷойгир кунед, он гоҳ ҳамчун андозаи "миёна" font истифода мешавад ва элементҳои сатр аз он ҳисоб карда мешаванд.

Эзоҳ дар бораи мерос ва хусусиятҳои аслӣ

Якчанд намуди сабтҳо вуҷуд доранд, ки дар CSS 2 дар W3C мерос нагирифтаанд, аммо браузерҳои вебсайт ҳанӯз ба арзишҳои мерос мераванд. Масалан, агар шумо HTML ва CSS-и зеринро нависед: