Mi a különbség a CSS-választó osztály és az azonosító között? azonosító és osztályhasználat HTML-ben

Mi a különbség a CSS-választó osztály és az azonosító között? azonosító és osztályhasználat HTML-ben

Chen Weiliangjelenleg végrehajtvaSEO, optimalizálja a webhelyetWordPresstéma.

Bár korábban tanultam néhány alapvető HTML és CSS ismeretet, de egy ideje nem üzemeltetem, főleg a CSS részhasználatot könnyű elfelejteni.

Tehát rögzítse és foglalja össze a CSS-választó azonosítójának és osztályának különbségét és használatát itt:

  • Az id a #div
  • osztály a .div-nek felel meg

Az azonosító és az osztály közötti különbség

azonosító leírása

  • Az id egy rögzített címke, amely a weboldal nagyobb stílusának meghatározására szolgál, amely #div formában van definiálva
  • Például: oszlopok felosztása, felső, törzs, alsó stb.
  • Egy adott elem meghatározására szolgál, amely oldalanként csak egyszer jelenhet meg, és nem hívható meg ismételten.

osztály leírása

  • A Class egy stíluscsoport, amely a weboldalon található részletes stílusok meghatározására szolgál, .div formátumban van meghatározva és megismételhető.
  • Például: egy adott menü, egy sor szöveg stb...
  • Ugyanazon az oldalon többször is meghívható több elem által

Magának a div választónak nincsenek tulajdonságai, a css definiálásával vezérel néhány elrendezést, például a div szélességét, magasságát, háttérszínét és szövegméretét.

TábornokE-kereskedelemweboldal,Építs egy állomástA program által generált html weboldal az oldal elrendezését CSS-en keresztül valósítja meg.

Mi az a választó?

Az egyes CSS-stílusok meghatározása 2 részből áll:

选择器 {样式}
  • A {} előtti rész a "választó".
  • A "választó" jelzi a {} "stílusát", amelyre hat.
  • Vagyis a weboldal melyik elemén működik ez a "stílus"?

kód példa

A class="sidebar" elem kiválasztásának és stílusának megadása a következő:

.sidebar
{ 
background-color:black;
}

A következőképpen jelölhet ki és alakíthat ki egy elemet az id="footer" használatával:

#footer
{ 
background-color:black;
}

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) shared "Mi a különbség a CSS-választó osztály és az azonosító között? Az azonosító és az osztály használata a HTML-ben segít.

Üdvözöljük a cikk linkjének megosztásában:https://www.chenweiliang.com/cwl-572.html

Üdvözöljük Chen Weiliang blogjának Telegram csatornáján, hogy értesüljön a legfrissebb hírekről!

🔔 Legyen Ön az első, aki megkapja az értékes "ChatGPT Content Marketing AI Tool használati útmutatót" a csatorna felső könyvtárában! 🌟
📚 Ez az útmutató hatalmas értéket tartalmaz, 🌟 Ritka lehetőség ez, ne hagyd ki! ⏰⌛💨
Oszd meg és lájkold, ha tetszik!
Az Ön megosztása és lájkja folyamatos motivációnk!

 

发表 评论

Az e-mail címed nem kerül nyilvánosságra. A kötelező mezőket használjuk * Címke

görgess a tetejére