Ustvarjanje spletne strani in polnjenje z nekaterimi elementi spletne strani, bodo vsi soočiti izraz, kot so CSS-selektor.Služi za najbolj natančno ugotoviti vse elemente HTML-datoteko z njihovo zasnovo in lokacijo na strani.Če želite to narediti, ustvarite CSS-dokument, ki opredeljuje nekatere selektorje in njihove možnosti oblikovanja: barvo, velikost, položaj in drugo.Vsak spletni oblikovalec mora vedeti in znati pravilno vnesite datume selektorjev.Delijo se po vrsti, glavni od katerih smo razpravljali v nadaljevanju.Vrste
selektorji v CSS
Glede na to, kar html-element nanaša oblikovanje, lahko CSS-selektor se nanašajo na eno od naslednjih skupin:
- izbirnik oznake;
- izbirnik razred;
- id-izbirnik;Izbirno
- atribute.
selektor tag
To se imenuje tudi "selektor tip" in "na postavko", je najbolj preprosta in pogosti.Kot njegov CSS-dokumentu so imena elementov html datotek, ki smo opisali.Na primer, če moramo določiti slog odstavka, moramo 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 pisave in podobno. D.).
selektor razred
Toda kaj, če boste morali vprašati vsak tvoj odstavek se razlikuje od drugih stilov?Za ta namen je selektor razred.
CSS-dokument, v tem primeru, bo vseboval vnos, podobno naslednjemu: p.first {color: x;font-size: y}.Tako smo opredeliti lastnosti "barve" in "velikost" le za odstavkom razreda prve.
v HTML-dokument, v tem primeru tako, da vnesete razred atribut imena slogu prvega.Razredi se lahko toliko kot slog, ki ga želite uporabiti za spletne strani elementov.
selektor id
Pogosto je treba natančneje opredeliti slog, na primer za kateri koli element strani ali v njihovem vzorcu.V tej situaciji, pomoč prihaja ID izbiro.Html datoteka dodelite želeno ime predmeta, ki ga opredeljuje med drugim.Na primer, element, ki želimo, da nastavite slog drugačen od drugih, bo naslov članka.
Nato dodelite html dokument identifikator header h1, tako Articlename.In v CSS-datoteke nastavite slog in dodal, da je identifikator ime rešetko: #articlename {color: blue;text-align: center}.Zdaj bo naš naslov bo barva modra in osredotočen.
Vsaka od zgoraj navedenih vrst, se lahko imenuje "preprost CSS-selektor."Ti opredeljujejo oblikovanje za določen parameter HTML-dokument: skupaj podobni elementi (na primer, vsi odstavki člena), en razred (na primer, samo prvi odstavek) ali posebna postavka (na primer, naslov članka).Izbirno
atribute
Poleg zgoraj, obstaja CSS-v atributov selektorjev - bolj prefinjen način, da uporabite sloge.Omogoča html elemente oblikovanja izbranega atributa ali vrednosti.Obstaja več vrst te selektor:
- prisotnost atributa;
- na točno vrednost;
- o delnem vrednosti atributa;
- svoje posebno vrednost.
Vzemimo vsako od teh sort: Prvi primer
- .Oblikovanje se uporablja, če je specifična lastnost v HTML-kodo (lahko je p, div, glava, itd.)Če je ni, ki jih uporablja generično za vse elemente v stilu.Na primer, elementi, ki ima naslov (tooltip).
- Drugi primer.Slog velja samo za HTML elementov, ki so Natančne vrednosti ujemajo atributov.Na primer, za tiste elemente vhoda, kjer je vrednost tipa pripisujejo enak predložiti.
- Tretji primer.Pod format bo vključeval le predmete na seznamu vrednot, ki ima določeno besedo.Na primer, sidebar atribut "class" v elementih, div.
- Četrti primer.Style je določena le za tiste elemente, html dokument, v katerem ima posebno lastnost določeno vrednost, in začne z njim.Na primer, uporaba določene barve z vsemi elementi, atributi, ki v angleškem jeziku (lahko je en, en-rus, en-au in tako naprej. D.).
Tako, z eno ali drugo CSS-izbirnik lahko v najboljšem položaju v celotno spletno stran in opišite nekaj njegovih elementov.
