CSS-ин интихобгари, ва нақши он дар форматонӣ HTML-ҳуҷҷати

Сохтани сомонаи ва пур кардани он бо унсурҳои муайяни саҳифаи веб, ҳар кас дар як муддати монанди CSS-ин интихобгари рӯ ба рӯ мешаванд. Ин хизмат ба таври дақиқ муайян бештар ҳамаи унсурҳои HTML-файл тарҳрезӣ ва маҳалли ҷойгиршавии онҳо дар саҳифа. Барои ин кор, эҷоди як CSS-санадест, ки азоимхонӣ берун selectors муайян ва имконоти форматонӣ онҳо: ранг, андоза, макон ва дигар. Ҳар ороишгари веб бояд бидонед ва наметавонад ба таври дохил интихобҳо дилхоҳро интихоб кунед. Онҳо аз тарафи намуди ҳам ҷудо шавад, ба асосии он ки мо дар поён дида мебароем.

Намудњои selectors дар CSS

Вобаста ба он унсури аст,-HTML формат истифода бурда мешавад, CSS-ин интихобгари метавонад ба яке аз гурӯҳҳои зерин алоқаманд:

• интихоби барчасп;
• интихоби синфи;
• шиноса-ин интихобгари;
• васфи ин интихобгари.

интихоби барчасбҳо

Он, ҳамчунин, ба ном «интихоби навъи" ё "унсури", он аст, ки оддӣ бештар ва умумӣ. Тавре ӯ CSS-ҳуҷҷати номҳои унсурҳои HTML-файл, ки мо тасвир мекунанд. Барои мисол, агар ки мо бояд ба танзим сабки сархати, мо хосиятҳои ва арзишҳои худро барои саҳ элементи {замина муайян: х; Ранги: Y; Андозаи: Z}. Дар ин ҳолат, ҳамаи сархатҳои саҳифаи интернетӣ шаклбандии ҳамон доранд (ранги замина, андозаи матн ва ғайра. D.).

интихоби синфи

Ва агар ба шумо лозим аст, ки мепурсанд аз ҳар банди ту аз сабкҳои дигар аст? Барои ин кор, аст, ки интихоби синфи нест.

CSS-ҳуҷҷат дар ин ҳолат боз дорои сабти шакли зерин: p.first {ранги: х; ҳарф-андозаи: Y}. Ҳамин тариқ, хосиятҳои "ранги" ва "андозаи" танҳо барои банди синфи якум муайян кунем.

Дар HTML-ҳуҷҷат дар ин маврид ба номи сабки аввал даромада аз они Худованд синф. Синфҳо метавонад қадри сабки шумо мехоҳед, ки барои унсурҳои саҳифаи веб татбиқ намегардад.

Шиносаи Интихобгари

Аксар вақт зарур аст, ки ба муайян намудани тарзи аниқ бештар, барои мисол, ба ҳар як унсури саҳифа, ё ба онҳо намунагирӣ нест. Дар ин вазъ, ба кӯмаки меояд шиноса-ин интихобгари. Файли HTML таъини номи ҷузъи дилхоҳро, ки он дар байни дигарон муайян. Масалан, унсурҳое, ки мо мехоҳем, ба танзим аз сабки дигар хоҳад унвони мақола аст.

Сипас дар як HTML-ҳуҷҷати вогузории сарлавҳаи муайянсозандаи h1, ба монанди articlename. Ва дар CSS-файл, муайян кардани сабки, илова ба номи ID grille: #articlename {ранги: кабуд; Матни азизамон маркази}. Акнун сарлавҳа мо доранд, ранги кабуд ва марказаш.

Ҳар яке аз намудҳои дар боло метавон ҳамчун "як оддӣ CSS-ин интихобгари" тавсиф карда шудаанд. Дар форматонӣ барои параметр аз ҷумла аз HTML-ҳуҷҷати муайян мекунанд: ҳам унсурҳои монанд, дар (масалан, ҳамаи бандҳои моддаи), як синф (барои мисол, танҳо дар аввали сархати) ё ќисми махсус (масалан, ба унвони мақола).

васфаш selectors

Илова бар ин, ба боло, як CSS-selectors нест хусусиятҳои - усули мураккаб бештар аз сабкҳои барнома. Ин имкон медиҳад, унсурҳои формати HTML дар аттрибутӣ ё арзиши интихобшуда. ҳастанд навъњои якчанд аз ин интихобгари вуҷуд дорад:

• бо ҳузури аттрибутӣ;
• арзиши аниқи он;
• бо арзиши аттрибутӣ қисман;
• оид ба арзиши махсуси он.

Биёед дида бароем, ҳар яки ин намуди:

1. Дар нахустин. Форматонӣ истифода бурда мешавад, ки агар ҳозир дар як аттрибутӣ HTML-коди махсус (аз он метавонад як саҳ, Лиг, сарлавҳаи, ва ғ.) Агар он нест, он истифода мебарад умумӣ барои ҳамаи унсурҳои сабки. Барои мисол, барои унсурҳои дорои унвони (нӯги асбоби).
2. Дар сурати дуюм. Дар услуби танҳо ба HTML-унсурҳое, ки дорои бозии дақиқ арзишҳои аттрибутӣ ба дахл дорад. Барои мисол, ба вуруди ба унсурҳои, ки дар он арзиши аттрибутӣ навъи ки баробар пешнињод менамояд.
3. Дар сурати сеюм. Дар доираи шакли танҳо адад дар рӯйхати арзишҳое, ки як калима муайян хоҳад дохил. Масалан, панели аттрибутӣ «Синфи» барои элементҳои Лиг.
4. Дар сурати чорум. Style танҳо барои касоне, унсурҳои HTML-санад, ки аз они Худованд аз ҷумла дорои арзиши муайян карда, ва бо ӯ шурӯъ мешавад. Масалан, бо истифода аз ранги муайян ба ҳамаи унсурҳои он аттрибутӣ забони англисӣ (ки метавонад En, En-Доруњо, En-о ва т. Д).

Ҳамин тариқ, бо истифода аз як ё аз тарафи дигар, ин интихобгари CSS, метавонад беҳтарин ҳамчун саҳифаи веб тамоми муайян карда шавад, ва дар бораи баъзе аз унсурҳои он.