Razlika med ID in razredom v CSS - Razlika Med

Razlika med ID in razredom v CSS

The glavna razlika med ID in razredom v CSS je, da ID se uporablja za uporabo stylinga v en edinstven element, medtem ko se razred uporablja za uporabo stylinga v več elementov.

Obstajajo različne tehnologije v razvoju spletnih strani. Glavni jeziki za razvoj spletnih strani so HTML, CSS in JavaScript. HTML pomeni Hyper Text Markup Language. Pomaga pri razvoju strukture spletne strani. JavaScript pomaga izboljšati dinamičnost spletne strani. CSS pomeni Cascading Style Sheets. Pomaga dodati sloge in narediti spletne strani bolj predstavljive. Pravila CSS veljajo za elemente HTML. Tudi selektorji CSS pomagajo najti elemente in uporabiti zahtevani slog za oznake HTML. ID in razred sta dve vrsti selektorjev.

Pokrita ključna območja

1. Kaj so pravila CSS
- Definicija, Primer
2. Kaj je id
- Definicija, Primer
3. Kaj je razred
- Definicija, Primer
4. Razlika med ID in razredom
- Primerjava ključnih razlik

Ključni pogoji

Razred, pravila CSS, ID


Kaj so pravila CSS

CSS je sestavljen iz niza pravil.Brskalnik lahko razlaga ta pravila in jih uporabi za določene elemente v dokumentu. Pravilo sloga CSS je sestavljeno iz treh delov. So izbirnik, lastnost in vrednost. Izjava se nanaša na kombinacijo lastnine in vrednosti. Pojavijo se v par zavitih oklepajih, kot sledi.

selector {lastnost: vrednost; }

Izbirnik - Pomaga identificirati element za uporabo sloga

Lastnina - Atribut. Vsi atributi HTML se pretvorijo v lastnosti CSS. Nekateri primeri so barva, poravnava besedila, obroba itd.

Vrednost - Vrednost je tisto, kar je dodeljeno lastnini. Na primer, barvi lastnosti lahko dodelite modro.


Kaj je id

Programer lahko definira pravilo sloga na podlagi id elementov. Vsi elementi z istim id bodo uporabljeni z definiranim slogom. Če želite izbrati element z določenim id, mora obstajati simbol # (hash), ki mu sledi ID elementa.

Predpostavimo, da datoteka HTML vsebuje izjavo, kot sledi.


Datoteka CSS vsebuje naslednji del kode.

# header1 {

barva: modra;

}

Ko brskalnik interpretira izjavo HTML, preveri ID elementa h1, ki je header1 v datoteki CSS. Nato uporablja definirano pravilo CSS za element h1. Zato bo besedilo Hello World prikazano v modri barvi.

ID je edinstven znotraj strani. Zato je izbirnik id uporabljen za en edinstven element.

Kaj je razred

Podobno kot ID lahko programer določi pravila stila na podlagi razreda elementa. Vsi elementi z istim razredom bodo uporabljeni z določenim slogom. Če želite izbrati element z določenim razredom, mora obstajati a. (period) simbol, ki mu sledi ime razreda.

Predpostavimo, da datoteka HTML vsebuje naslednje izjave.


Datoteka CSS vsebuje naslednji del kode.

.header1 {

barva: modra;

}

Ko brskalnik interpretira izjavo HTML, preveri razred elementa h1, ki je header1 v datoteki CSS. Nato uporablja definirano CSS-pravilo za vse elemente h1. Zato bo besedilo Hello World 1 in Hello World 2 prikazano v modri barvi.

Isti razred je mogoče uporabiti na več elementih. Zato se izbirnik razreda uporablja za več elementov.

Razlika med ID in razredom v CSS

Opredelitev

id je izbirnik v CSS, ki sloga element z določeno id, medtem ko je razred izbirnik v CSS, ki sloge izbranih elementov z določenim razredom.

Sintaksa

Sintaksa ID je #id {css deklaracije; }. Sintaksa razreda je .class {css deklaracije; }

Uporaba

Poleg tega je uporaba ID-ja uporaba stila za en določen element. Uporaba razreda je uporaba stylinga na več elementih.

Zaključek

ID in razred sta dva selektorja v CSS-ju, ki omogočata uporabo stila v elementih HTML. Glavna razlika med ID-jem in razredom v CSS-ju je ta, da se id uporablja za oblikovanje stila na en edinstven element, medtem ko se razred uporablja za uporabo stylinga v več elementov.

Sklic:

1. »Sintaksa in selektorji CSS«. Spletne vadnice W3Schools Online,