CSS-selektor, in njena vloga v formatiranje html-dokument

Izdelava spletne strani in polnjenje z nekaterimi elementi spletne strani, bodo vsi soočajo izraz, kot so CSS-selektor. Služi bolj natančno določiti vse elemente html-datoteke z njihovo zasnovo in lokacijo na strani. Če želite to narediti, ustvariti CSS-dokument, ki opredeljuje nekatere selektorje in njihove možnosti oblikovanja: barve, velikosti, lokacije in drugih. Vsak spletni oblikovalec mora vedeti in znati pravilno vnesti želene izbire. Razdeljeni so po vrsti, glavni od katerih smo razpravljali v nadaljevanju.

Vrste selektorjev v CSS

Glede na katerih se uporablja ELEMENT html oblikovano, lahko CSS izbirnik se nanašajo na enega izmed naslednjih skupin:

• izbirnik oznake;
• izbirnik razreda;
• ID izbirnik;
• atribut izbirnik.

izbirnik tag

To se imenuje tudi "za izbiro tipa" ali "element", to je najbolj preprosta in pogosti. Kot njegov CSS-dokumentu so imena elementov HTML-datoteke, ki jih opisujejo. Na primer, če bomo morali nastaviti slog odstavka, smo določiti lastnosti in njihove vrednosti za element p {background: x; Barva: Y; Velikost: z}. V tem primeru bodo vsi odstavki spletne strani, imajo enak format (barvo ozadja, velikost besedila, in tako naprej. D.).

izbirnik razred

In kaj, če morate vprašati vsak svoj odstavek se razlikuje od drugih stilov? Če želite to narediti, je selektor razred.

CSS-dokument, v tem primeru bi vseboval vnos naslednje oblike: p.first {barva: x; font-size: y}. Tako definiramo lastnosti "barve" in "velikosti" samo za prvega odstavka razredu.

V html-dokumenta, v tem primeru je začel atribut razreda z imenom slogu prvega. Razredi lahko toliko, kot je slog, ki ga želite uporabiti za spletno stran elementov.

Selektor id

Pogosto je treba opredeliti slog bolj natančno, na primer, da kateri koli element strani, ali pa jih vzorec. V tem primeru, pomoč prihaja id-selektor. Html datoteka dodelite želeno ime predmeta, ki ga opredeljuje med drugim. Na primer, bodo elementi, ki jih želimo določiti drugačen od drugih slogu je naslov članek.

Nato v html-dokument dodeljevanje glave h1 identifikator, kot Articlename. In v CSS-datoteko, določite slog in dodal, da se ime ID rešetko: #articlename {barva: modra; text-align: center}. Zdaj bo naš naslov še barva modra in osredotočen.

Vsaka od zgoraj navedenih vrst je mogoče opisati kot "preprost CSS-selektor". Določajo oblikovanje za določen parameter html-dokumenta: skupaj podobnih elementov (npr vse odstavke člena), en razred (na primer, samo prvi odstavek) ali določen element (na primer, naslov članka).

atribut selektorje

Poleg navedenega, je CSS-selektorji atribute - bolj zapleten način stilov uporabe. Omogoča html elemente formata na izbrani atribut ali vrednost. Obstaja več vrst te selektor:

• prisotnost atributa;
• na svojem natančnih vrednosti;
• z delnim vrednosti atributa;
• na določeno vrednost.

Vzemimo vsako od teh vrst:

1. V prvem primeru. Oblikovanje se uporablja, če je prisoten v svoje posebne html kode (to lahko p, div, glava, itd). Če ni, se uporablja generično za vse elemente stila. Na primer, za elemente, ki imajo naslovno (orodje konice).
2. Drugi primer. Slog velja samo za HTML elementov, ki imajo natančno ujemanje od vrednosti atributov. Na primer, na vhodu v elemente, kjer je vrednost atributa vrste enaka predložiti.
3. Tretji primer. Pod obliko bodo samo predmete na seznamu vrednot, ki ima določeno besedo. Na primer, sidebar atribut "class" za elemente div.
4. Četrti primer. Style je določena le za tiste elemente HTML-dokument, katerega posebno lastnost ima določeno vrednost, in začne z njim. Na primer, uporaba določene barve vseh elementov, ki v angleškem jeziku atribut (ki je lahko en, en-rus, en-au in t. D.).

Tako je z uporabo enega ali drugega, izbirnik CSS, lahko najbolje opredeljeno kot celotno spletno stran in opisati nekatere njegove elemente.