CSS (Cascading Style Sheets) je jezik koji služi za oblikovanje web stranica.

  • Može se napisati tako da vrijedi za sve elemente na stranici.
  • Može se napisati tako da vrijedi za neke elemente na stranici.
  • Može se napisati tako da vrijedi za točno određeni element na stranici.

Uz HTML je osnovna tehnologija na kojoj se temelji današnji web.

Prednosti korištenja CSS-a:

  • Centralizacija - odvajanjem sadržaja od oblikovanja jednostavnije se upravlja vizualnim dijelom.
  • Brže učitavanje stranica
  • Pristupačnost sadržaja za različite uređaje
  • Pozicioniranje sadržaja - važniji sadržaj na početku; search-engine-friendly

Povezivanje CSS-a s HTML-om (hijerarhijski poredak):

  1. Inline CSS - umetnuti
  2. Internal CSS - ugrađeni
  3. External CSS - vanjski

CSS selektori

  • Tag selektor - odnose se na sve elemnte koji su imenovani tim tagom na cijeloj web stranici (npr. svi paragrafi).
  • ID selektor - jedinstvena referenca nekog el. koja se može pojaviti samo jedanput na istoj web stranici.
  • Class selektor - specifičan selektor koji koristimo kada želimo na web stranici dodijeliti stil pojedinom elementu ili grupi elemenata
  • Kontekstualni selektori - pogađamo točno određen element odnosno 'dijete' u nekom 'roditelju'.

Pseudoklase:

  1. link
  2. visited
  3. hover
  4. active