Mitä eroa on CSS-valitsinluokan ja id:n välillä? id:n ja luokan käyttö HTML:ssä

Mitä eroa on CSS-valitsinluokan ja id:n välillä? id:n ja luokan käyttö HTML:ssä

Chen Weiliangparhaillaan käynnissäSEO, optimoi sivustonWordPressteema.

Vaikka olen oppinut jonkin verran HTML:n ja CSS:n perustietoja aiemmin, mutta en ole käyttänyt sitä vähään aikaan, varsinkin CSS-osien käyttö on helppo unohtaa.

Joten tallenna ja tee yhteenveto CSS-valitsimen tunnuksen ja luokan eroista ja käytöstä täällä:

• id vastaa #div
• luokka vastaa .div

Ero id:n ja luokan välillä

id-kuvaus

• id on kiinteä tunniste, jota käytetään määrittämään verkkosivun suurempi tyyli, joka määritellään muodossa #div
• Esimerkiksi: sarakkeiden jakaminen, yläosa, runko, alaosa jne...
• Käytetään määrittämään tietty elementti, joka voi esiintyä vain kerran sivulla ja jota ei voida kutsua toistuvasti.

luokan kuvaus

• Class on tyyliryhmä, jolla määritellään verkkosivun yksityiskohtaiset tyylit. Se määritellään .div-muodossa ja voidaan toistaa.
• Esimerkiksi: tietty valikko, tekstirivi jne...
• Samalla sivulla useat elementit voivat kutsua sitä toistuvasti

Div-valitsimella itsessään ei ole ominaisuuksia. Määrittelemällä sen css, se ohjaa joitain asetteluja, kuten div:n leveyttä, korkeutta, taustaväriä ja tekstin kokoa.

KenraaliVerkkokaupanverkkosivusto,rakentaa verkkosivustoOhjelman luoma html-verkkosivu on toteutettu CSS:llä sivuasettelun toteuttamiseksi.

Mikä on valitsin?

Jokaisen CSS-tyylin määritelmä koostuu kahdesta osasta:

选择器 {样式}

• Osa ennen merkkiä {} on "valitsin".
• "Valitsin" ilmaisee {}:n "tyylin", johon se vaikuttaa.
• Eli missä verkkosivun elementissä tämä "tyyli" toimii?

koodiesimerkki

Voit valita class="sidebar"-elementin ja muotoilla sen tyylin seuraavasti:

.sidebar
{ 
background-color:black;
}

Voit valita ja tyylittää elementin id="footer":lla seuraavasti:

#footer
{ 
background-color:black;
}