CSS Flashcards
Što je CSS?
CSS je jezik za opis prezentacije web stranica uključujući boje, izgled i fontove. On dopušta prilagodbu prezentacije različitim tipovima uređaja, kao što su veliki ekrani, mali ekrani ili pisači
Kako koristimo implicitni selektor?
Korištenjem naziva HTML elementa
Kako koristimo univerzalni selektor?
Koristimo simbol * i on označava sve elemente
Kako koristimo selektor atributa?
Korištenjem naziva i vrijednosti atributa u elementu
Kako koristimo eksplicitni selektor?
Koristimo atribut class i znak . jedan element može imati više eksplicitnih selektora i jedan selektor može se koristiti unutar više elemenata unutar iste HTML stranice
Kako koristimo jednoznačni selektor?
Koristimo atribut id i znak (#). Preporuka je da svaki jednoznačni selektor bude unikat unutar iste html stranice.
Kako koristimo pseudo klase
One sadrže znak dvotočke(:) nakon čega slijedi naziv selektora koji su propisani CSS standardom tipa :hover, :first-child…
Kako određujemo boje?
Na RGB hexadecimalnim vrijednostima #rrggbb
Koja je hexadecimalna vrijednost zelene?
00ff00
Koja je hexadecimalna vrijednost crvene?
ff0000
Koja je hexadecimalna vrijednost plave?
0000ff
Koja je hexadecimalna vrijednost aqua?
00ffff
Koja je hexadecimalna vrijednost rozne?
ff00ff
Koja je hexadecimalna vrijednost bijele boje?
ffffff
Koja je hexadecimalna vrijednost crne boje?
000000
Što je model kutije?
CSS omogućava pogled na svaki element kao kutiju kojoj se mogu dodijeliti određene osobine:
- sadržaj
- podloga
-obrub
-razmak
Što je padding?
Osobina podloge koristi se za dodjelu prostora unutar obruba
Što je skup osobina obruba?
To je skup koji prikazuje kakav će se obrub prikazivati. Postoji border-width, border-style i border-color
Osobina razmaka?(margin)
To je element koji se koristi za dodjelu prostora izvan obruba prema drugim elementima.
Kako glasi pravilo prednosti selektora?
Redoslijed prema jačini je: style(1000), id(100), class(10) i implicitno (1).
Koja je preciznost za element “p#nazivId.nazivClass.nazivClass2 a?
122
Kakvo je to statično pozicioniranje?
Elementi su inicijalno statično pozicionirani a to određuje da će se elementi pozicionirati kako su pozicionirani unutar HTML dokumenta i ne utječe se na njihovu poziciju sa top right bottom left osobinama
Kakvo je to relativno pozicioniranje?
Elementi se pozicioniraju relativno u odnosu na svoj normalan položaj u dokumentu i na njih se može utjecati top left right bottom osobinama
Kakvo je to apsolutno pozicioniranje?
Elementi se pozicioniraju relativno u odnosu na prvi element pretka koji nije statički pozicioniran
Kakvo je to fiksno pozicioniranje?
Elementi se pozicioniraju u odnosu na prozor preglednika
Razlika apsolutnog i fiksnog pozicioniranja?
Fiksni element neće se maknuti s ekrana kad se miče klizač stranice nego je zadržan na fiksnom mjestu.
Kombinatori?
razmak ( ) - kombinator pretka
veće (>) - kombinator djeteta
plus ( + ) - kombinator susjeda
tilda(~) - kombinator sljedećeg susjeda
Savjeti za CSS?
- Organizirati CSS kod komentarima
- Pisati CSS kod u više linija i razmaciam - pisanje jednolinijskih CSS uputa teško je čitati i uređivat
-Ispravno korištenje naziva eksplicitnih i jednoznačnih selektora
-Vješto koristiti CSS selektore - Korištenje specifičnih klasa kada je to potrebno
- Koristiti skraćene varijante imena svojstava i vrijednosti
- Izbaciti mjerne jedinice za vrijednosti koje su 0
- Korištenje skraćenih heksadecimalnih vrijednosti za boje
- Kreirati CSS da bude ponovo iskoristiv