Care este diferența dintre clasa selector CSS și id? ID-ul și utilizarea clasei în HTML

Care este diferența dintre clasa selector CSS și id? ID-ul și utilizarea clasei în HTML

Chen Weiliangîn curs de execuțieSEO, optimizați site-ulWordPresstemă.

Deși am învățat câteva cunoștințe de bază despre HTML și CSS înainte, dar nu le-am folosit de ceva vreme, în special utilizarea părții CSS, este ușor de uitat.

Deci, înregistrați și rezumați diferența și utilizarea codului selectorului CSS și a clasei aici:

• id corespunde cu #div
• clasa corespunde .div

Diferența dintre id și clasă

descrierea id

• id este o etichetă fixă, care este folosită pentru a defini stilul mai mare în pagina web, care este definit sub forma #div
• De exemplu: împărțirea coloanelor, sus, corp, jos etc...
• Folosit pentru a defini un anumit element, care poate apărea o singură dată pe pagină și nu poate fi apelat în mod repetat.

descrierea clasei

• Clasa este un grup de stiluri, care este folosit pentru a defini stilurile detaliate în pagina web. Este definit sub formă de .div și poate fi repetat.
• De exemplu: un anumit meniu, o linie de text etc...
• Pe aceeași pagină, poate fi apelat în mod repetat de mai multe elemente

Selectorul div în sine nu are proprietăți.Prin definirea css-ului său, controlează unele aspecte, cum ar fi lățimea, înălțimea, culoarea de fundal și dimensiunea textului div-ului.

GeneralE-commercesite-ul web,construi un site webPagina web html generată de program este de a realiza aspectul paginii prin CSS.

Ce este un selector?

Definiția fiecărui stil CSS constă din 2 părți:

选择器 {样式}

• Partea dinaintea lui {} este „selectorul”.
• „Selectorul” indică „stilul” lui {} la care acţionează.
• Adică pe ce element al paginii web funcționează acest „stil”?

exemplu de cod

Iată cum să selectați și să stilați un element class="sidebar":

.sidebar
{ 
background-color:black;
}

Iată cum să selectați și să stilați un element cu id="footer":

#footer
{ 
background-color:black;
}