Klasa vs ID
Cascading Style Sheets (CSS) je jezik koji opisuje izgled i oblikovanje dokumenta napisanog pomoću označnog jezika. CSS se široko koristi za oblikovanje web stranica napisanih u HTML-u. CSS omogućuje navođenje vlastitih birača stilova uz primjenu stilova za HTML elemente. To se radi pomoću selektora ID-a i klase. Kada se specificira stil za jedan jedinstveni element, koristi se selektor ID-a. Prilikom navođenja stila za grupu elemenata koristi se birač klase.
Što je razred?
U CSS-u se birač klase može koristiti za primjenu vlastitog stila na skupinu elemenata. Birač klase koristi se za primjenu određenog stila na skup elemenata s istom klasom. U CSS-u se birač klase prepoznaje tačkom (.). Slijedi primjer selektora klase definiranog u CSS-u.
.moj razred {
boja: plava;
font-weight: podebljano;
}
HTML se može odnositi na klasu definiranu u CSS-u pomoću klase atributa kako je prikazano dolje.
Ovo je moje oblikovanje
Ovo je ponovno moje formatiranje
Kao što je gore prikazano, ista se klasa može koristiti za više elemenata, a jedan element može koristiti više klasa. Kada se u istom elementu koristi više klasa, klase se ubacuju u atribut klase odvojen razmakom kao što je prikazano dolje.
Ovo je moje formatiranje u dvije klase
Što je osobna iskaznica?
U CSS-u, selektor ID-a može se koristiti za primjenu vlastitog stila na jedan jedinstveni element. U CSS-u, selektor ID-a identificiran je raspršivačem (#). Slijedi primjer odabira ID-a definiranog u CSS-u.
#Moj ID {
boja: crvena;
poravnanje teksta: desno;
}
HTML se može pozivati na selektor ID-a definiran u CSS-u pomoću atributa id kako je prikazano dolje.
Ovo je moje oblikovanje iz birača ID-a
ID-ovi su jedinstveni. Stoga svaki element može imati samo jedan ID, a svaka stranica može imati samo jedan element s tim određenim ID-om. ID-ovi imaju važnu karakteristiku koja se može koristiti s preglednikom. Ako URL stranice sadrži hash vrijednost (npr. Http: //myweb.com#my_id), preglednik će pokušati automatski locirati element s ID-om "my_id" i pomaknuti se na web stranicu kako bi prikazao taj element. To je jedan od razloga zašto bi stranica trebala imati jedan element s tim određenim ID-om, tako da preglednik može taj element pronaći.
Koja je razlika između klase i ID-a?
Iako se i birač klase i birač ID-a mogu koristiti za primjenu vlastitog stila na elemente na web-stranici, oni imaju neke važne razlike. Birač klase može se koristiti za primjenu vlastitog stila na grupu elemenata, dok se selektor ID koristi za primjenu stila na jedan, jedinstveni element. Kada koristite ID-ove, svaki element može imati samo jedan ID, a svaka stranica može imati samo jedan element s tim određenim ID-om, ali Class se može koristiti za više elemenata, a jedan element može koristiti više klasa. Nadalje, ID se može koristiti za automatsko pomicanje stranice za prikaz elementa s tim ID-om, ali to nije moguće s biračem klase.
