Uvod u CSS

Na času smo obradili: 

CSS (Cascading Style Sheets) je jezik koji se koristi za stilizovanje i dizajniranje web stranica. Evo nekoliko osnovnih informacija o CSS-u:

1. Selektori: CSS koristi selektore kako bi odredio na koje elemente se primjenjuju stilovi. Selektori mogu biti naziv elementa (`tag`), klasa (`.class`), identifikator (`#id`), atribut i drugi.

2. Stilovi: CSS definira stilove za odabrane elemente primjenom svojstava i vrijednosti. Na primjer, `color: blue;` postavlja boju teksta na plavu.

3. Klase i identifikatori: Klase i identifikatori se koriste za ciljanje specifičnih elemenata na stranici. Klasa se dodjeljuje elementu pomoću atributa `class`, dok se identifikator dodjeljuje pomoću atributa `id`.

4. Box model: Box model se odnosi na način na koji se elementi prikazuju na stranici. Svaki element ima svoj okvir (box) koji se sastoji od margine, granice (border), paddinga i samog sadržaja.

5. Pozicioniranje: CSS omogućava kontrolu pozicioniranja elemenata na stranici. Ovo se može postići kroz svojstva kao što su `position`, `display` i `float`.

6. Pseudo-klase i pseudo-elementi: Pseudo-klase se koriste za ciljanje posebnih stanja elemenata, poput `:hover` za stilizovanje pri prelasku mišem. Pseudo-elementi se koriste za ciljanje specifičnih dijelova elementa, kao što je `::before` za dodavanje sadržaja prije određenog elementa.

7. Rezponsivni dizajn: CSS omogućava prilagođavanje izgleda web stranice na različitim uređajima i veličinama ekrana. Media upiti (`@media`) se koriste za postavljanje različitih stilova za određene uvjete prikaza.