Šta je CSS i kako se on koristi u web dizajnu?

CSS se koristi za definisanje izgleda, prezentacije i rasporeda elemenata na web stranici. CSS je sastavni dio front-end razvoja i koristi se zajedno s HTML-om i JavaScriptom kako bi se stvorio interaktivan i estetski privlačan web dizajn.

Glavna svrha CSS-a je odvojiti stilizaciju web stranica od njenog sadržaja. Umesto da stilizacija bude ugrađena direktno u HTML kod, koristi se odvojen CSS kod koji se povezuje s HTML dokumentom. 

Na taj način, promene u izgledu mogu se primenuti na celu web stranicu jednostavnom izmenom CSS-a, bez potrebe za menjanjem svakog pojedinog HTML elementa.

CSS se sastoji od stilskih pravila koja definišu kako se elementi web stranice trebaju prikazivati. Stilska pravila se primenjuju na HTML elemente putem selektora. 

Selektori omogućuju odabir specifičnih elemenata, klasa ili ID-eva na koje će se stil primeniti. Na primer, možete odabrati sve naslove (h1) ili sve elemente s određenom klasom (.class) i primeniti na njih određene stilove.

CSS omogućava promene boje, fontova, pozadina, margina, okvira, veličine i još  mnogo više.

Takođe podržava napredne tehnike stilizacije poput animacija, prelaza i prilagođenih efekata. CSS takođe podržava odzivni dizajn (responsive design), što omogućava prilagođavanje izgleda web stranice različitim veličinama ekrana, poput računalnih monitora, tableta i mobilnih uređaja.

Da biste koristili CSS u web dizajnu, morate uključiti CSS kod u HTML dokumentu. To se obično radi putem <link> elementa u zaglavlju HTML-a, gdje se povezuje vanjska CSS datoteka. Takođe je moguće koristiti interno CSS definisanjem stilskih pravila unutar <style> oznaka u zaglavlju HTML-a. 

Postoji i mogućnost inline stilova, gdje se stil definira izravno u HTML elementu putem „style“ atributa.

Prijer CSS koda koji menja boju naslova i postavlja pozadinu na web stranici: