Kio estas la diferenco inter CSS-elektilklaso kaj id? id kaj klasuzo en HTML

Kio estas la diferenco inter CSS-elektilklaso kaj id? id kaj klasuzo en HTML

Chen Weiliangnuntempe plenumanteSEO, optimumigi la retejonWordPresstemo.

Kvankam mi jam lernis kelkajn bazajn HTML- kaj CSS-scion antaŭe, sed mi ne funkciis ĝin dum kelka tempo, precipe la CSS-uzon, ĝi estas facile forgesebla.

Do, registru kaj resumu la diferencon kaj uzadon de CSS-elektilo-identigilo kaj klaso ĉi tie:

• id respondas al #div
• klaso respondas al .div

La diferenco inter id kaj klaso

id-priskribo

• id estas fiksa etikedo, kiu estas uzata por difini la pli grandan stilon en la retpaĝo, kiu estas difinita en la formo de #div
• Ekzemple: dividantaj kolumnoj, supro, korpo, malsupro, ktp...
• Uzita por difini specifan elementon, kiu povas aperi nur unufoje per paĝo kaj ne povas esti vokita plurfoje.

klaspriskribo

• Klaso estas stilgrupo, kiu estas uzata por difini la detalajn stilojn en la retpaĝo.Ĝi estas difinita en formo de .div kaj estas ripetita.
• Ekzemple: specifa menuo, linio de teksto ktp...
• Sur la sama paĝo, ĝi povas esti vokita plurfoje per pluraj elementoj

La div-elektilo mem ne havas ecojn.Difinante sian css, ĝi kontrolas kelkajn aranĝojn kiel la larĝecon, altecon, fonkoloron kaj tekstan grandecon de la div.

GeneraloRetkomercoretejo,konstrui retejonLa html-retpaĝo generita de la programo estas realigi la paĝan aranĝon per CSS.

Kio estas elektilo?

La difino de ĉiu CSS-stilo konsistas el 2 partoj:

选择器 {样式}

• La parto antaŭ la {} estas la "elektilo".
• La "elektilo" indikas la "stilon" de {} al kiu ĝi agas.
• Tio estas, sur kiu elemento de la retpaĝo funkcias ĉi tiu "stilo"?

ekzemplo de kodo

Jen kiel elekti kaj stiligi elementon class="sidebar":

.sidebar
{ 
background-color:black;
}

Jen kiel elekti kaj stiligi elementon per id="footer":

#footer
{ 
background-color:black;
}