CSS-valija ja tema roll vormingu html-dokument

Creating veebisaidi ja selle täitmist teatud elementide veebilehele, igaühel ees mõiste nagu CSS-valija.See toimib võimalikult täpselt kindlaks kõik elemendid html-faili oma konstruktsiooni ja asukohta leheküljel.Selleks loob CSS-dokument, mis sõnastab teatud valijad ja nende vormingusuvandid: värv, suurus, asend ja muud.Iga web designer peaksid teadma ja oskama õigesti sisestada kuupäev valijad.Need jagunevad vastavalt tüübile, peamine neist räägitakse allpool.

tüübid valijad CSS

Sõltuvalt mida html-element vormindavad, CSS-valija võib viidata üks järgmistest rühmadest:

  • valija sildid;
  • klassi valijat;
  • id-valijat;
  • valija atribuudid.

tag valija

Seda nimetatakse ka "valija" ja "elemendi", see on kõige lihtsam ja levinud.Kuna tema CSS-dokument on nimed elemendid html-fail, mida me kirjeldada.Näiteks kui meil on vaja kehtestada lõikes stiili, me määrata omadused ja nende väärtused element p {taust: x;värv: y;suurus: z}.Sel juhul on kõik punktid veebilehel on samas vormis (taustavärvi, suurus jms. D.).

klassi valija

Aga mis siis, kui sa pead küsima oma iga punkt erineb teistest stiile?Selleks on klassi valija.

CSS-dokumendi antud juhul sisaldab kande sarnaneb järgmise: p.first {color: x;font-size: y}.Seega, me määratleda omadused "värv" ja "suurus" ainult lõikes klassi esimene.

html-dokument Sel juhul avage klassi atribuut nimi stiili esimene.Klassid võivad olla nii palju kui stiili soovite taotleda veebilehe elemendid.

valija id

Sageli on vaja määratleda stiili täpsemalt, näiteks ühele element lehele või nende uuringus.Sellises olukorras abi saadakse id-valija.Html faili määrata soovitud objekti nime, mille ta teiste seast.Näiteks element, mida me tahame seada stiilis erinev teistest, hakkab pealkiri artikkel.

Seejärel määrake html-dokument päise kaudu h1 tunnust, näiteks articlename.Ja CSS-fail määratud stiili, lisades nimi identifitseerimine iluvõre: #articlename {color: blue;text-align: center}.Nüüd on meie pealkiri on sinist värvi ja keskel.

Kõik eelpool nimetatud tüüpi võib nimetada "lihtne CSS-valija."Nad määratlevad vormingu jaoks teatava parameetri html-dokument: koos sarnaste elementide (näiteks kõik punktid artikkel), ühe klassi (näiteks ainult esimene lõik) või konkreetse objekti (näiteks artikli pealkiri).

valija atribuudid

Lisaks eeltoodule on CSS-atribuudi valijad - keerukam viis kasutada stiile.See võimaldab html vormingu elemendid valitud atribuut või väärtus.On mitmeid sorte selektorinupule:

  • juuresolekul atribuut;
  • selle täpset väärtust;
  • osalise atribuudi väärtus;
  • oma erilist väärtust.

Mõelgem kõik need sordid:

  1. esimese juhtumiga.Vormindamine on siis, kui on konkreetsed atribuut html-koodi (see võib olla p, div, päise kaudu jne).Kui ei ole, siis kasutab geneerilisi kõikide osade jaoks järgi.Näiteks elemente, millel on pealkiri (tooltip).
  2. teisel juhul.Stiilis kehtib ainult html-elemendid, mis on täpne vaste atribuudi väärtusi.Näiteks selleks, et need elemendid sisend, kus väärtus atribuudi type võrdne esitada.
  3. kolmanda puhul.Under formaadis hõlmab üksnes loendis väärtuste, mis on teatud sõna.Näiteks külgriba atribuut "klassi" elementides div.
  4. neljas juhul.Stiil on määratletud ainult nende elementide html-dokument, milles eriti omadust teatud väärtust, ja hakkab temaga.Näiteks kasutatakse määratud värvi kõik elemendid, atribuudid, mis inglise keeles (see võib olla en, en-rus, en-au ja nii edasi. D.).

Seega, kasutades ühte või teise CSS-valija saab kõige paremini paigutada kogu veebilehe, ja kirjeldame mõningaid selle elemente.