Razred proti ID
Cascading Style Sheets (CSS) je jezik, ki opisuje videz in oblikovanje dokumenta, napisanega z uporabo označevalnega jezika. CSS se pogosto uporablja za oblikovanje spletnih strani, napisanih v HTML. CSS omogoča določanje lastnih izbirnikov slogov poleg uporabe slogov za elemente HTML. To se naredi z uporabo izbirnikov ID in razreda. Pri določanju sloga za en unikatni element se uporablja izbirnik ID. Pri določanju sloga za skupino elementov se uporablja izbirnik razreda.
Kaj je razred?
V CSS lahko z izbirnikom razreda uporabite svoj slog za skupino elementov. Izbirnik razreda se uporablja za uporabo določenega sloga na naboru elementov z istim razredom. V CSS je izbirnik razreda označen s piko (.). Sledi primer izbirnika razreda, definiranega v CSS.
.moj razred {
barva: modra;
teža pisave: krepko;
}
HTML se lahko sklicuje na razred, definiran v CSS, z uporabo razreda atributov, kot je prikazano spodaj.
To je moje oblikovanje
To je spet moje oblikovanje
Kot je prikazano zgoraj, lahko isti razred uporabimo za več elementov, en element pa več razredov. Ko se v istem elementu uporablja več razredov, se razredi vstavijo v atribut razreda, ki je razmejen s presledkom, kot je prikazano spodaj.
To je moje oblikovanje z uporabo dveh razredov
Kaj je osebna izkaznica?
V CSS lahko z izbirnikom ID uporabite svoj slog za en sam unikatni element. V CSS je izbirnik ID identificiran s zgoščeno (#). Sledi primer izbirnika ID, definiranega v CSS.
#my_ID {
barva: rdeča;
poravnava besedila: desno;
}
HTML se lahko sklicuje na izbirnik ID, definiran v CSS, z uporabo atributa id, kot je prikazano spodaj.
To je moje oblikovanje iz izbirnika ID
ID-ji so enolični. Zato ima lahko vsak element samo en ID, vsaka stran pa lahko ima samo en element s tem določenim ID. ID-ji imajo pomembno značilnost, ki jo lahko uporabljate z brskalnikom. Če URL strani vsebuje zgoščeno vrednost (npr. Http: //myweb.com#my_id), bo brskalnik poskusil samodejno poiskati element z ID-jem "moj_id" in se pomakniti po spletni strani, da se prikaže ta element. To je eden od razlogov, zakaj mora imeti stran en sam element s tem določenim ID-jem, tako da lahko brskalnik najde ta element.
Kakšna je razlika med razredom in osebnim dokumentom?
Čeprav lahko izbirnik razreda in izbirnik ID uporabite za uporabo lastnega sloga na elementih na spletni strani, imajo nekaj pomembnih razlik. Izbirnik razredov lahko uporabite za uporabo lastnega sloga v skupini elementov, medtem ko izbirnik ID uporabite za uporabo sloga za en sam unikatni element. Pri uporabi ID-jev ima lahko vsak element samo en ID in vsaka stran ima lahko samo en element s tem določenim ID-jem, vendar se lahko razred uporablja za več elementov, en element pa lahko uporablja več razredov. Poleg tega se lahko z ID-jem samodejno pomika po strani za prikaz elementa s tem ID-jem, vendar to z izbirnikom razreda ni mogoče.
