Luokka vs. tunnus
CSS (CSS) on kieli, joka kuvaa merkintäkielellä kirjoitetun asiakirjan ulkoasua ja muotoilua. CSS: ää käytetään laajalti HTML-kielellä kirjoitettujen verkkosivujen muotoiluun. CSS: n avulla voit määrittää omat tyylivalitsijat HTML-elementteihin sovellettavien tyylien lisäksi. Tämä tehdään ID- ja luokan valitsimilla. Kun määritetään tyyli yhdelle ainutlaatuiselle elementille, käytetään ID-valitsinta. Kun määritetään tyyli elementtiryhmälle, käytetään luokan valitsinta.
Mikä on luokka?
CSS: ssä luokan valitsinta voidaan käyttää oman tyylisi soveltamiseen elementtiryhmään. Luokan valitsinta käytetään soveltamaan tiettyä tyyliä samaan luokkaan kuuluviin elementteihin. CSS: ssä luokan valitsin tunnistetaan pisteellä (.). Seuraava on esimerkki CSS: ssä määritetystä luokan valitsimesta.
.luokkani {
väri: sininen;
fontin paino: lihavoitu;
}
HTML voi viitata CSS: ssä määriteltyyn luokkaan käyttämällä attribuuttiluokkaa alla olevan kuvan mukaisesti.
Tämä on minun muotoiluni
Tämä on jälleen muotoiluni
Kuten yllä on esitetty, samaa luokkaa voidaan käyttää useille elementeille ja yksi elementti voi käyttää useita luokkia. Kun samassa elementissä käytetään useita luokkia, luokat lisätään välilyönnillä erotettuun luokka-attribuuttiin, kuten alla on esitetty.
Tämä on minun muotoiluni kahdella luokalla
Mikä on henkilötodistus?
CSS: ssä ID-valitsinta voidaan käyttää oman tyylisi käyttämiseen yksittäiseen ainutlaatuiseen elementtiin. CSS: ssä ID-valitsin tunnistetaan hashilla (#). Seuraava on esimerkki CSS: ssä määritetystä ID-valitsimesta.
#minun henkilötietoni {
väri punainen;
tekstin tasaus: oikea;
}
HTML voi viitata CSS: ssä määritettyyn ID-valitsimeen käyttämällä attribuuttitunnusta alla olevan kuvan mukaisesti.
Tämä on minun muotoiluni ID-valitsimesta
Tunnukset ovat yksilöllisiä. Siksi jokaisella elementillä voi olla vain yksi tunnus ja jokaisella sivulla voi olla vain yksi elementti, jolla on kyseinen tunnus. Tunnuksilla on tärkeä ominaisuus, jota voidaan käyttää selaimen kanssa. Jos sivun URL-osoite sisältää hash-arvon (esim. Http: //myweb.com#my_id), selain yrittää etsiä elementin tunnuksella "my_id" automaattisesti ja vierittää verkkosivua tuodakseen kyseisen elementin näkyviin. Tämä on yksi syy, miksi sivulla tulisi olla yksi elementti, jolla on kyseinen tunnus, jotta selain voi löytää kyseisen elementin.
Mitä eroa on luokalla ja henkilöllisyystodistuksella?
Vaikka sekä luokan valitsinta että tunnuksen valitsinta voidaan käyttää oman tyylisi soveltamiseen verkkosivun elementteihin, niillä on joitain tärkeitä eroja. Luokan valitsinta voidaan käyttää oman tyylisi soveltamiseen elementtiryhmään, kun taas ID-valitsinta käytetään tyylin käyttämiseen yksittäiseen, ainutlaatuiseen elementtiin. Tunnuksia käytettäessä kullakin elementillä voi olla vain yksi tunnus ja jokaisella sivulla voi olla vain yksi elementti, jolla on kyseinen tunnus, mutta Luokkaa voidaan käyttää useille elementeille ja yksi elementti voi käyttää useita Luokat. Lisäksi ID: tä voidaan käyttää vierittämään sivua automaattisesti näyttämään kyseisen tunnuksen sisältävä elementti, mutta tämä ei ole mahdollista luokan valitsimella.
