InternetWeb Design

CSS-valijat ja selle rolli vormingu html-dokumendi

Creating veebisaidi ja selle täitmist teatud elemendid veebilehe igaüks silmitsi terminit nagu CSS-valijat. See aitab täpsemalt määratleda kõik elemendid html-faili oma disaini ja asukoht lehel. Selleks luua CSS-dokument, mis sätestab teatud valijad ja nende Vormindusvalikutega: värv, suurus, asukoht ja muud. Iga web designer peaksid teadma ja suutma õigesti sisestada soovitud valik. Nad on jagatud tüüp, peamine neist räägitakse allpool.

Liiki valijad CSS

Sõltuvalt mille element kantakse html-vormingus, CSS-valijat võib olla seotud ühe järgmistest rühmadest:

  • sildivalija;
  • klassi valijat;
  • id-valijat;
  • atribuut valijat.

sildivalija

Seda nimetatakse ka "valija" või "element", see on kõige lihtsam ja levinud. Nagu tema CSS-dokument on nimed elemendid html-faili, mida me kirjeldada. Näiteks kui meil on vaja, et määrata lõikes stiilis, me määrata omadused ja nende väärtused element p {taust: x; värvus: y; suurus: z}. Sel juhul kõik punktid veebilehe on sama formaat (taustavärvi, teksti suurust, ja nii edasi. D.).

klassi valijat

Ja mis siis, kui teil on vaja küsida oma iga lõikes erineb teistest stiile? Selleks on klassi valijat.

CSS-dokumendiga sellisel juhul sisaldab kannet järgmisel kujul: p.first {color: x; font-size: y}. Seega me määratleda omadused "color" ja "suurus" ainult esimese klassi lõikes.

Ühes html-dokumendi sel juhul sisestatakse klassi atribuut stiili nime 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 lehe või proovi neid. Sellises olukorras abi tuleb id-valijat. HTML-faili määrata soovitud objekti nimi, mis identifitseerib see seas teised. Näiteks elemente, mida me tahame seada erineb teistest stiilis on artikli pealkiri.

Siis on html-dokumendi määrates päises h1 tunnus, näiteks articlename. Ja CSS-faili, määrata stiili, lisades ID nimi iluvõre: #articlename {color: sinine; text-align: center}. Nüüd meie pealkiri on sinist värvi ja tsentreeritud.

Iga eespool nimetatud liiki võib kirjeldada kui "lihtne CSS-valijat". Nad määratlevad vormingu konkreetse parameetri html-dokumendi: koos sarnaste elementide (nt kõik punktid, artikkel), üks klass (näiteks ainult esimene lõik) või konkreetse objekti (näiteks artikli pealkiri).

atribuut valijad

Lisaks eeltoodule on CSS-valijad atribuudid - keerulisem meetod stiilid. See võimaldab html formaat elemendid valitud atribuut või väärtus. On mitmeid sorte selektorinupule:

  • kohalolust atribuut;
  • selle täpne väärtus;
  • osalise atribuudiväärtus;
  • oma kindlat väärtust.

Mõelgem kõik need liigid:

  1. Esimesel juhul. Vormindamine rakendatakse, kui esineb eriomadus html-koodi (see võib olla p, div, päise, jne). Kui see ei ole, siis kasutab üldine kõigi elementide stiili. Näiteks elemente, millel on soovitud (tööriista tipu).
  2. Teisel juhul. Stiil kehtib ainult html-elemendid, mis on täpne vaste atribuudi väärtusi. Näiteks selleks, et sisestada elemendid, kus väärtus atribuuti võrdub esitada.
  3. Kolmas juhtum. Vastavalt formaat hõlmab üksnes objektide nimekirja väärtusi, mis on teatud sõna. Näiteks külgriba atribuut "klassi" elementide div.
  4. Neljas juhul. Style on määratletud ainult nende elementide html-dokumendi, kelle eriline atribuut on teatud väärtus, ja hakkab temaga. Näiteks kasutatakse määratud värvi kõik elemendid, mis inglise keeles atribuut (mis võib olla en, fi-rus, en-au ja t. D.).

Seega, kasutades üht või teist, CSS valijat saab kõige paremini täpsustada kogu veebilehe, ja kirjeldame mõningaid selle elemente.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 et.birmiss.com. Theme powered by WordPress.