sukurti svetainę ir užpildyti jį su tam tikrais elementais tinklalapį, visiems teks patirti, pavyzdžiui, žodžio CSS-selektorių.Jis padeda tiksliausiai nustato visas html failą savo dizaino ir puslapio vietą elementus.Norėdami tai padaryti, sukurti CSS-dokumentą, kuriame nurodomi tam tikri selektoriai ir jų formatavimo pasirinktis: spalva, dydis, padėtis ir kiti.Kiekvienas web dizaineris turi žinoti ir gebėti tinkamai patekti į selektoriai datos.Jos skirstomos pagal tipą, pagrindinis iš kurių mes aptarti toliau.
tipai selektoriai CSS
Priklausomai nuo ką HTML elementas taikoma formatavimą, CSS selektorius gali kreiptis į vieną iš šių grupių:
- selektorių žymės;
- klasės selektorių;
- ID-selektorius;
- selektorių atributus.
tegus selektorių
Ji taip pat vadinama "tipo parinkimas" ir "elementą", tai paprastas ir dažnai.Kaip savo CSS-dokumente elementų, HTML failas, kuris mes aprašome pavadinimus.Pavyzdžiui, jei mes turime nustatyti pastraipos stilių, mes nurodyti savybes ir jų reikšmes elemento p {fone: x;spalva: Y;dydis: Z}.Šiuo atveju, visi punktai tinklalapį turės tą patį formatą (fono spalvą, teksto dydį ir panašiai. D.).
klasės selektorių
Bet kas, jei jums reikia užduoti savo kiekvienam dalis skiriasi nuo kitų stilių?Šiam tikslui yra klasės selektorių.
CSS dokumentas šiuo atveju bus pateikta įrašą, panašų į šį: p.first {spalva: x;font-size: Y}.Taigi, mes apibrėžti "spalva" ir "dydis" savybes tik vienos klasės straipsnio pirmosios.
html-dokumento, šiuo atveju, įveskite klasės atributą į stiliaus vardas pirmą.Klasės gali būti tiek, kiek stiliaus, kurį norite kreiptis dėl interneto puslapio elementus.
selektorių tapatybės
Dažnai yra poreikis tiksliau apibrėžti stilių, pavyzdžiui, vienu elementu puslapį arba jų atranką.Esant tokiai situacijai, pagalba ateina id-selektorių.HTML byla priskirti norimą elementą vardą, kuris identifikuoja jį tarp kitų.Pavyzdžiui, elementas, kad mes norime nustatyti stilius skiriasi nuo kitų, bus antraštė straipsnyje.
Tada priskirti HTML dokumento antraštės h1 identifikatorių, toks articlename.Ir CSS failą nustatyti stilių, pridedant prie pavadinimas identifikatorius grotelių: #articlename {spalva: Mėlyna;text-align: center}.Dabar mūsų antraštė bus mėlyna spalva, ir centruotas.
Kiekviena iš pirmiau minėtų tipų gali būti vadinamas "paprastas CSS selektorius.Jos apibrėžia formatą konkretaus parametro html dokumentą: kartu panašūs elementai (pavyzdžiui, visi Straipsnio punktai), viena klasė (pavyzdžiui, tik pirmoji pastraipa) ar konkretus daiktas (pavyzdžiui, straipsnio pavadinimas).
selektorių atributus
Be aukščiau, yra CSS ir atributų selektoriai - vis sudėtingesnės būdas naudoti stilių.Tai leidžia HTML formatavimo elementus pasirinkto atributo ar vertės.Yra keletas veislių Šio parinkimas:
- pagal atributą akivaizdoje;
- savo miesto vertę;
- dėl dalinio atributo vertę;
- jos ypatingą vertę.
Panagrinėkime kiekvieną iš šių veislių:
- pirmas atvejis.Formatavimas yra taikomos, jei yra konkretus požymis HTML-kodą (jis gali būti p, DIV, antraštės ir tt).Jei jis nėra, jis naudoja visų stiliaus elementų generinis.Pavyzdžiui, elementai, turintis pavadinimas (tooltip).
- antras atvejis.Stilius taikomas tik HTML elementų, kurie tiksliai atitinka Įgūdis vertės.Pavyzdžiui, toms įvesties elementų, kur tokio tipo, vertė lygi priskiria pateikti.
- Trečiasis atvejis.Pagal formatą bus įtraukti tik elementus vertybių sąrašą, kuris turi tam tikrą žodį.Pavyzdžiui, parankinės atributas "klasė" per Elementai div.
- ketvirtas atvejis.Stilius apibrėžiama tik šių elementų HTML-dokumentą, kuriame ypač atributas turi tam tikrą vertę, ir pradeda su juo.Pavyzdžiui, iš nurodyto spalvos naudojimas visiems elementų, atributų, kurie anglų kalba (ji gali būti LT, EN-RUS, LT-au ir pan. D.).
Taigi, naudojant vieną ar kitą CSS-selektorių galima geriausiai dedamas į visą tinklalapį, ir aprašyti kai kurie jo elementai.
