CSS Flashcards

1
Q

Što je CSS?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Kako koristimo implicitni selektor?

A

Korištenjem naziva HTML elementa

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Kako koristimo univerzalni selektor?

A

Koristimo simbol * i on označava sve elemente

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Kako koristimo selektor atributa?

A

Korištenjem naziva i vrijednosti atributa u elementu

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Kako koristimo eksplicitni selektor?

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Kako koristimo jednoznačni selektor?

A

Koristimo atribut id i znak (#). Preporuka je da svaki jednoznačni selektor bude unikat unutar iste html stranice.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Kako koristimo pseudo klase

A

One sadrže znak dvotočke(:) nakon čega slijedi naziv selektora koji su propisani CSS standardom tipa :hover, :first-child…

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Kako određujemo boje?

A

Na RGB hexadecimalnim vrijednostima #rrggbb

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Koja je hexadecimalna vrijednost zelene?

A

00ff00

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Koja je hexadecimalna vrijednost crvene?

A

ff0000

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Koja je hexadecimalna vrijednost plave?

A

0000ff

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Koja je hexadecimalna vrijednost aqua?

A

00ffff

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Koja je hexadecimalna vrijednost rozne?

A

ff00ff

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Koja je hexadecimalna vrijednost bijele boje?

A

ffffff

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Koja je hexadecimalna vrijednost crne boje?

A

000000

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Što je model kutije?

A

CSS omogućava pogled na svaki element kao kutiju kojoj se mogu dodijeliti određene osobine:
- sadržaj
- podloga
-obrub
-razmak

17
Q

Što je padding?

A

Osobina podloge koristi se za dodjelu prostora unutar obruba

18
Q

Što je skup osobina obruba?

A

To je skup koji prikazuje kakav će se obrub prikazivati. Postoji border-width, border-style i border-color

19
Q

Osobina razmaka?(margin)

A

To je element koji se koristi za dodjelu prostora izvan obruba prema drugim elementima.

20
Q

Kako glasi pravilo prednosti selektora?

A

Redoslijed prema jačini je: style(1000), id(100), class(10) i implicitno (1).

21
Q

Koja je preciznost za element “p#nazivId.nazivClass.nazivClass2 a?

A

122

22
Q

Kakvo je to statično pozicioniranje?

A

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

23
Q

Kakvo je to relativno pozicioniranje?

A

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

24
Q

Kakvo je to apsolutno pozicioniranje?

A

Elementi se pozicioniraju relativno u odnosu na prvi element pretka koji nije statički pozicioniran

25
Q

Kakvo je to fiksno pozicioniranje?

A

Elementi se pozicioniraju u odnosu na prozor preglednika

26
Q

Razlika apsolutnog i fiksnog pozicioniranja?

A

Fiksni element neće se maknuti s ekrana kad se miče klizač stranice nego je zadržan na fiksnom mjestu.

27
Q

Kombinatori?

A

razmak ( ) - kombinator pretka
veće (>) - kombinator djeteta
plus ( + ) - kombinator susjeda
tilda(~) - kombinator sljedećeg susjeda

28
Q

Savjeti za CSS?

A
  • 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