Cikkkönyvtár
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!
📚 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!