Dè an diofar eadar clas taghaidh CSS agus id? id agus cleachdadh clas ann an HTML

Dè an diofar eadar clas taghaidh CSS agus id? id agus cleachdadh clas ann an HTML

Chen Weiliangga chur an gnìomh an-dràstaSEO, an fheum as fheàrr a dhèanamh den làrachWordPresscuspair.

Ged a tha mi air beagan eòlas HTML agus CSS ionnsachadh roimhe seo, ach cha do dh'obraich mi e airson greis, gu sònraichte cleachdadh pàirt CSS, tha e furasta a dhìochuimhneachadh.

Mar sin, clàraich agus geàrr-chunntas air an eadar-dhealachadh agus cleachdadh id roghnaichear CSS agus clas an seo:

• id a’ freagairt ri #div
• clas a 'freagairt ri .div

An diofar eadar id agus clas

id tuairisgeul

• Is e tag stèidhichte a th’ ann an id, a thathas a’ cleachdadh gus an stoidhle as motha air an duilleag-lìn a mhìneachadh, a tha air a mhìneachadh ann an cruth #div
• Mar eisimpleir: roinneadh cholbhan, mullach, bodhaig, bonn, msaa ...
• Air a chleachdadh gus eileamaid shònraichte a mhìneachadh, nach urrainn nochdadh ach aon turas gach duilleag agus nach gabh a ghairm a-rithist.

tuairisgeul clas

• Is e buidheann stoidhle a th’ ann an clas, a tha air a chleachdadh gus na stoidhlichean mionaideach a mhìneachadh air an duilleag lìn.Tha e air a mhìneachadh ann an cruth .div agus faodar a-rithist.
• Mar eisimpleir: clàr sònraichte, loidhne teacsa, msaa ...
• Air an aon dhuilleig, faodar a ghairm a-rithist le grunn eileamaidean

Chan eil feartan aig an roghnaichear div fhèin. Le bhith a' mìneachadh a css, bidh e a' cumail smachd air cuid de dhreach mar leud, àirde, dath cùl-raoin agus meud teacsa an div.

CoitcheannE-malairtlàrach-lìn,làrach-lìn a chruthachadhTha an duilleag-lìn html a chruthaich am prògram airson cruth na duilleige a thoirt gu buil tro CSS.

Dè a th’ ann an tagraiche?

Tha 2 phàirt anns a’ mhìneachadh air gach stoidhle CSS:

选择器 {样式}

• 'S e am "roghnaiche" am pàirt ron {}.
• Tha an “taghaidh” a’ comharrachadh an “stoidhle” aig {} ris a bheil e ag obair.
• Is e sin, air dè an eileamaid den duilleag-lìn a tha an "stoidhle" seo ag obair?

eisimpleir còd

Seo mar a roghnaicheas tu agus stoidhle eileamaid clas = "bar-taoibh":

.sidebar
{ 
background-color:black;
}

Seo mar a roghnaicheas tu agus stoidhle eileamaid le id="footer":

#footer
{ 
background-color:black;
}