Jaký je rozdíl mezi třídou selektoru CSS a id? použití id a třídy v HTML

Jaký je rozdíl mezi třídou selektoru CSS a id? použití id a třídy v HTML

Chen Weiliangaktuálně provádíSEO, optimalizovat stránkyWordPresstéma.

Sice jsem se už dříve naučil nějaké základní znalosti HTML a CSS, ale nějakou dobu jsem to neovládal, zejména použití CSS části se dá snadno zapomenout.

Zaznamenejte a shrňte rozdíl a použití id a třídy selektoru CSS zde:

• id odpovídá #div
• třída odpovídá .div

Rozdíl mezi id a třídou

id popis

• id je pevná značka, která se používá k definování většího stylu na webové stránce, který je definován ve tvaru #div
• Například: dělení sloupců, horní, tělo, spodní atd...
• Používá se k definování konkrétního prvku, který se může objevit pouze jednou na stránce a nelze jej volat opakovaně.

popis třídy

• Třída je skupina stylů, která slouží k definování podrobných stylů na webové stránce, je definována ve tvaru .div a lze ji opakovat.
• Například: konkrétní menu, řádek textu atd...
• Na stejné stránce jej lze opakovaně volat více prvky

Samotný selektor div nemá žádné vlastnosti. Definováním svého css ovládá některá rozvržení, jako je šířka, výška, barva pozadí a velikost textu prvku div.

VšeobecnéElektronický obchodwebová stránka,vytvořit webovou stránkuWebová stránka html generovaná programem má realizovat rozložení stránky pomocí CSS.

Co je to selektor?

Definice každého CSS stylu se skládá ze 2 částí:

选择器 {样式}

• Část před {} je "selektor".
• "Výběr" označuje "styl" {}, na který působí.
• To znamená, na kterém prvku webové stránky tento „styl“ funguje?

příklad kódu

Zde je návod, jak vybrat a upravit styl prvku class="sidebar":

.sidebar
{ 
background-color:black;
}

Zde je návod, jak vybrat a upravit prvek s id="footer":

#footer
{ 
background-color:black;
}