Aký je rozdiel medzi triedou selektora CSS a ID? použitie id a triedy v HTML

Aký je rozdiel medzi triedou selektora CSS a ID? použitie id a triedy v HTML

Chen Weiliangpráve vykonávaSEOoptimalizovať stránkyWordPresstému.

Síce som sa už predtým naučil nejaké základné HTML a CSS znalosti, ale nejaký čas som to neovládal, hlavne na používanie CSS časti sa ľahko zabúda.

Zaznamenajte a zhrňte rozdiel a použitie ID a triedy selektora CSS tu:

• id zodpovedá #div
• trieda zodpovedá .div

Rozdiel medzi ID a triedou

id popis

• id je pevná značka, ktorá sa používa na definovanie väčšieho štýlu na webovej stránke, ktorý je definovaný vo forme #div
• Napríklad: rozdelenie stĺpcov, horná časť, telo, spodná časť atď.
• Používa sa na definovanie konkrétneho prvku, ktorý sa môže na stránke objaviť iba raz a nie je možné ho volať opakovane.

popis triedy

• Trieda je skupina štýlov, ktorá sa používa na definovanie podrobných štýlov na webovej stránke, je definovaná vo forme .div a môže sa opakovať.
• Napríklad: konkrétne menu, riadok textu atď...
• Na tej istej stránke ho možno opakovane vyvolať viacerými prvkami

Samotný selektor div nemá žiadne vlastnosti. Definovaním svojho css ovláda niektoré rozloženia, ako je šírka, výška, farba pozadia a veľkosť textu prvku div.

všeobecnýE-commercewebstránka,vytvoriť webovú stránkuWebová stránka html generovaná programom má realizovať rozloženie stránky pomocou CSS.

Čo je to selektor?

Definícia každého CSS štýlu pozostáva z 2 častí:

选择器 {样式}

• Časť pred {} je "selektor".
• "Výber" označuje "štýl" {}, na ktorý pôsobí.
• To znamená, na ktorom prvku webovej stránky tento „štýl“ funguje?

príklad kódu

Tu je postup, ako vybrať a upraviť štýl prvku class="sidebar":

.sidebar
{ 
background-color:black;
}

Tu je postup, ako vybrať a upraviť štýl prvku s id="footer":

#footer
{ 
background-color:black;
}