Radīt mājas lapā un aizpildot to ar konkrētiem elementiem, kas mājas lapā, ikvienam būs jāsaskaras ar terminu, piemēram, CSS-selektora.Tas kalpo, lai visprecīzāk noteiktu visus elementus html materiāliem to konstrukcijas un atrašanās vietu lapā.Lai to izdarītu, izveidojiet CSS-dokumentu, kas izklāstītas dažas selektori un viņu formatēšanas iespējas: krāsu, lielumu, novietojumu, un citi.Katru web dizainers ir jāzina un jāspēj pareizi ievadīt datumus pārslēdzējiem.Tos iedala pēc to veida, galvenais, ko mēs apspriestu turpmāk.
veidi iezīmētājiem CSS
Atkarībā, ko html elementu attiecas formatējumu, CSS-selektors var atsaukties uz vienu no šādām grupām:
- selektors atslēgvārdiem;
- klase selektors;
- id-selektors;
- selektors atribūtus.
tag selektors
To sauc arī par "tipa atlasītājs" un "uz posteni", tas ir visvienkāršākā un bieži.Kā viņa CSS-dokumentā ir nosaukumi elementiem html-failu ko mēs apraksta.Piemēram, ja mums ir nepieciešams, lai uzstādītu rindkopas stilu, mēs norādīt rekvizītus un to vērtības elementa p {fona: x;krāsa: y;izmērs: z}.Šajā gadījumā visi punkti mājas lapa būs tāds pats formāts (fona krāsu, teksta lielumu un tamlīdzīgi. D.).
klase selektors
Bet ko tad, ja jums ir nepieciešams uzdot Jūsu katrs punkts ir atšķirīgs no citiem stiliem?Šim nolūkam ir klases selektoru.
CSS-dokuments šajā gadījumā būs ierakstu līdzīgs šādu: p.first {krāsa: x;font-size: y}.Tātad, mēs noteikt īpašības "krāsu" un "izmērs" tikai par daļu klases pirmā.
HTML-dokumentā šajā gadījumā, ievadiet klases atribūtu nosaukuma stila pirmā.Nodarbības var būt tik daudz, cik stilu jūs vēlaties pieteikties mājas lapas elementiem.
selektors id
Bieži vien ir nepieciešams precīzāk definēt stilu, piemēram, ar kādu elementu lapas vai viņu izlasē.Šādā situācijā, palīdzība nāk ID-selektoru.Html fails piešķirt vēlamo objektu nosaukumu, kas identificē to starp citiem.Piemēram, elements, kas mēs gribam noteikt stilu, kas atšķiras no citiem, būs virsraksts rakstu.
Tad piešķirt html-dokumentu header h1 identifikators, šādu articlename.Un CSS materiālos noteikt stilu, pievienojot nosaukums identifikators režģi: #articlename {krāsa: zila;teksta-align: centrs}.Tagad mūsu virsraksts būs krāsa zila un centrēts.
Katrs no iepriekš minētajiem veidiem, var saukt par "vienkāršu CSS-selektors."Tie nosaka formatējumu par konkrētu parametru HTML dokumentā: kopā līdzīgi elementi (piemēram, visi raksta punkts), viena klase (piemēram, tikai pirmais punkts), vai īpaša prece (piemēram, nosaukums par rakstu).
selektors atribūti
papildus iepriekš, ir CSS-in atribūtu pārslēdzējiem - sarežģītākas veids, kā izmantot stilu.Tas ļauj HTML formatējumu elementus izvēlēto atribūtu vai vērtību.Ir vairākas šķirnes, šajā selektors:
- klātbūtne atribūta;
- par tās precīzu vērtību;
- par daļēju atribūta vērtību;
- no tā īpašo vērtību.
Apskatīsim katru no šīm šķirnēm:
- pirmais gadījums.Formatējums tiek piemērots, ja ir īpašs atribūts html kodu (tas var būt p, div, header, uc).Ja tā nav, tā izmanto generic visiem elementiem stilā.Tā, piemēram, elementi ar nosaukumu (rīka padoma).
- otrais gadījums.Stils attiecas tikai uz html elementu, kas ir precīza atbilstība atribūtu vērtības.Tā, piemēram, uz šiem elementiem, ievadi, kur vērtība tipa atribūts vienāds sniegt.
- trešais gadījums.Saskaņā formātā būs iekļauts tikai vienumus sarakstā vērtībām, kas ir noteiktu vārdu.Piemēram, Sidebar atribūts "class" in elementiem div.
- ceturtais gadījums.Stils ir definēta tikai tiem elementiem html-dokumentu, kurā īpaši atribūts ir noteiktu vērtību, un sāk ar viņu.Piemēram, izmantošana norādīto krāsu, lai visi elementi, atribūti, kas angļu valodā (tas var būt en, en-rus, en-au un D. tā tālāk.).
Tādējādi, izmantojot vienu vai otru CSS-selektoru vislabāk var novietot veselu mājas lapā, un aprakstīt dažus no tās elementiem.
