CSS-valitsin, ja sen rooli muotoilun html-asiakirjan

Luoda sivusto ja täyttämällä sille tiettyjä elementtejä web-sivun, jokainen joutuu termi, kuten CSS-valitsin. Se palvelee tarkemmin määritellä kaikki elementit html-tiedosto niiden suunnittelun ja paikassa sivulla. Voit tehdä tämän, luoda CSS-asiakirjan, jossa tietyt valitsimet ja niiden alustusvaihtoehdoista: väri, koko, sijainti ja muut. Jokainen web-suunnittelija pitäisi tietää ja voi kunnolla syöttää haluttu valinnat. Ne jaetaan tyypin, tärkeimmät joista keskustelemme alla.

Erilaiset valitsimet CSS

Riippuen siitä, johon elementti on sovellettu HTML-alustettu, CSS-valitsin voi koskea yhtä seuraavista ryhmistä:

• tag valitsin;
• luokka valitsin;
• id-valitsin;
• ominaisuus valitsin.

Tag valitsin

Sitä kutsutaan myös "valitsimen" tai "elementti", se on yksinkertainen ja yhteinen. Hänen CSS-asiakirjassa nimet elementtien html-tiedoston, jota kuvataan. Esimerkiksi, jos meidän on asetettava kappaletyyli, me määrittää ominaisuuksia ja niiden arvot elementin p {tausta: x; väri: y; koko: z}. Tässä tapauksessa kaikki kohdat sivun on sama formaatti (taustaväri, tekstin kokoa, ja niin edelleen. D.).

luokka valitsin

Ja mitä jos haluat kysyä jokainen kohta eroaa muista tyylejä? Voit tehdä tämän, on luokan valitsin.

CSS-asiakirja on tässä tapauksessa sisältää merkinnän seuraavassa muodossa: p.first {väri: x; fontti-koko: y}. Niinpä me määrittelemme ominaisuudet "väri" ja "koko" vain ensiluokkaisia kohta.

Vuonna html-asiakirjan tässä tapauksessa tuli luokan attribuutti tyylin nimeä ensin. Luokat voivat olla jopa tyyliä haluat hakea sivun elementtejä.

valitsin id

Usein on tarpeen määrittää tyylin tarkemmin, esimerkiksi minkä tahansa osan sivun tai näytteen niitä. Tässä tilanteessa, tuen tulee id-valitsin. Html-tiedosto määrittää halutun kohteen nimi, joka kertoo sen muiden joukossa. Esimerkiksi tekijät, jotka haluamme asettaa eroaa muista tyyli on artikkelin otsikko.

Sitten html-asiakirjan osoitetaan otsikko H1 tunnisteen, esimerkiksi articlename. Ja CSS-tiedosto, määritä tyyli, lisäämällä tunnistenimen säleikkö: #articlename {color: blue; text-align: center}. Nyt meidän otsikko on sininen väri ja keskitetty.

Kunkin edellä tyyppejä voidaan kuvata "yksinkertainen CSS-valitsin". Niissä määritellään muotoilua tietyn parametrin html-asiakirjan yhdessä samankaltaiset elementit (esim kaikki kohdat artikkelin), yhden luokan (esimerkiksi vain ensimmäisen kappaleen) tai tietyn kohteen (esimerkiksi artikkelin otsikko).

attribuuttivalitsimet

Lisäksi edellä, on CSS-valitsimet attribuutteja - monimutkaisempi levitystapa tyylejä. Sen avulla html-muodossa elementtejä valittu määrite tai arvoa. On olemassa useita lajikkeita valitsin:

• läsnäolo attribuutin;
• sen tarkka arvo;
• osittaisella attribuutin arvo;
• sen erityinen arvo.

Mietitäänpä kutakin näistä lajeista:

1. Ensimmäisessä tapauksessa. Muotoilua käytetään, jos läsnä määritteen html-koodia (se voi olla p, div, otsikko, jne.). Jos se ei ole, se käyttää yleisiä kaikille osa tyyliä. Esimerkiksi elementtien, joiden otsikon (työkalun kärki).
2. Toinen tapaus. Tyyli koskee vain html-elementtejä, jotka ovat täydellinen vastaavuus attribuuttiarvojen. Esimerkiksi, syöttää elementtejä, joiden arvo tyypin attribuutti on sama esittää.
3. Kolmas tapaus. Formaateilla sisältävät vain kohteiden arvojen luettelon on tietty sana. Esimerkiksi sivupalkin määrite "luokka" elementeille div.
4. Neljäs tapaus. Tyyli on määritelty ainoastaan ne osat html-asiakirjan, jonka erityisesti määrite on tietty arvo, ja alkaa hänen kanssaan. Esimerkiksi, käyttämällä valitun värin kaikki elementit, jotka Englanti kielellä attribuutti (joka voi olla en, en-rus, en-au ja t. D.).

Näin ollen, käyttämällä yhtä tai muiden, CSS valitsin, voidaan parhaiten määritetty koko web-sivun, ja kuvataan joitakin sen osia.