Cili është ndryshimi midis klasës së përzgjedhësit CSS dhe ID-së? id dhe përdorimi i klasës në HTML

Cili është ndryshimi midis klasës së përzgjedhësit CSS dhe ID-së? id dhe përdorimi i klasës në HTML

Kohët e fundit, Chen Weiliang ka punuar në SEO , duke optimizuar temën e faqes së internetit për WordPress.

Edhe pse kam mësuar disa njohuri bazë HTML dhe CSS më parë, por nuk e kam përdorur për një kohë, veçanërisht përdorimin e pjesës CSS, është e lehtë të harrohet.

Pra, regjistroni dhe përmblidhni ndryshimin dhe përdorimin e ID-së dhe klasës së përzgjedhësit CSS këtu:

• id korrespondon me #div
• klasa korrespondon me .div

Dallimi midis ID dhe klasës

përshkrim id

• id është një etiketë fikse, e cila përdoret për të përcaktuar stilin më të madh në faqen e internetit, i cili përcaktohet në formën e #div
• Për shembull: kolonat ndarëse, sipër, trup, fund, etj...
• Përdoret për të përcaktuar një element specifik, i cili mund të shfaqet vetëm një herë në faqe dhe nuk mund të thirret në mënyrë të përsëritur.

përshkrimi i klasës

• Klasa është një grup stilesh, i cili përdoret për të përcaktuar stilet e detajuara në ueb faqe, definohet në formën e .div dhe mund të përsëritet.
• Për shembull: një menu specifike, një rresht teksti, etj...
• Në të njëjtën faqe, ai mund të thirret në mënyrë të përsëritur nga shumë elementë

Vetë zgjedhësi div nuk ka veçori. Duke përcaktuar css-në e tij, ai kontrollon disa paraqitje si gjerësia, lartësia, ngjyra e sfondit dhe madhësia e tekstit të div.

Faqet tipike të internetit të tregtisë elektronike dhe faqet e internetit HTML të gjeneruara nga programet e ndërtimit të faqeve të internetit përdorin CSS për të arritur paraqitjen e faqes.

Çfarë është një përzgjedhës?

Përkufizimi i çdo stili CSS përbëhet nga 2 pjesë:

选择器 {样式}

• Pjesa para {} është "zgjedhësi".
• "Zgjedhësi" tregon "stilin" e {} ndaj të cilit vepron.
• Domethënë, në cilin element të faqes së internetit funksionon ky "stili"?

shembull kodi

Ja se si të zgjidhni dhe stiloni një element class="sidebar":

.sidebar
{ 
background-color:black;
}

Ja se si të zgjidhni dhe stiloni një element me id="footer":

#footer
{ 
background-color:black;
}