Mis vahe on CSS-i valijaklassil ja ID-l? ID ja klassi kasutamine HTML-is

Mis vahe on CSS-i valijaklassil ja ID-l? ID ja klassi kasutamine HTML-is

Chen Weiliangpraegu teostamiselSEO, optimeerige saidiWordPressteema.

Kuigi olen varem õppinud HTML-i ja CSS-i põhiteadmisi, pole ma seda mõnda aega kasutanud, eriti CSS-i osade kasutamine, on see lihtne unustada.

Seega salvestage ja tehke kokkuvõte CSS-i valija ID ja klassi erinevustest ja kasutusest siin:

• id vastab #div
• klass vastab .div

Erinevus ID ja klassi vahel

ID kirjeldus

• id on fikseeritud silt, mida kasutatakse veebilehe suurema stiili määratlemiseks, mis on määratletud kujul #div
• Näiteks: veergude jagamine, ülemine, keha, alumine jne...
• Kasutatakse konkreetse elemendi määratlemiseks, mis võib ilmuda ainult üks kord lehel ja mida ei saa korduvalt kutsuda.

klassi kirjeldus

• Klass on stiilirühm, mida kasutatakse veebilehel üksikasjalike stiilide määratlemiseks. See on määratletud kujul .div ja seda saab korrata.
• Näiteks: konkreetne menüü, tekstirida jne...
• Samal lehel saab seda korduvalt kutsuda mitme elemendi abil

Div-valijal endal ei ole atribuute. CSS-i defineerides juhib see mõningaid paigutusi, nagu div laius, kõrgus, taustavärv ja teksti suurus.

KindralE-kaubandusveebisait,ehitada veebisaitProgrammi genereeritud html-veebileht on lehe paigutuse realiseerimiseks CSS-i kaudu.

Mis on valija?

Iga CSS-stiili määratlus koosneb kahest osast:

选择器 {样式}

• Osa enne {} on "selektor".
• "Valija" näitab {} "stiili", millele see toimib.
• See tähendab, millisel veebilehe elemendil see "stiil" töötab?

koodi näide

Elementi class="sidebar" valida ja stiili kujundada tehke järgmist.

.sidebar
{ 
background-color:black;
}

Elementi valimiseks ja stiiliks id="footer" abil saate teha järgmiselt.

#footer
{ 
background-color:black;
}