Što je CSS?
Pročitajte što je to CSS u našem rječniku.
Pomoći će vam da bolje razumijete o čemu se točno radi CSS i koje je značenje u svakodnevnoj upotrebi.
CSS
Cascading Style Sheets
CSS omogućava definiranje različitih stilova, kao što su boja, font, veličina, razmaci, pozadine itd., za različite HTML elemente, poput zaglavlja, paragrafa, tablica, poveznica. CSS olakšava odvajanje sadržaja web stranice od njezinog izgleda, što olakšava upravljanje stilom stranice i izmjene izgleda bez potrebe za mijenjanjem samog sadržaja.
CSS je neophodan alat za stvaratelje web stranica, omogućavajući dizajniranje privlačnih, koherentnih i responzivnih korisničkih sučelja. U kombinaciji s HTML-om i JavaScript čini osnovu tehnologija korištenih za stvaranje web stranica i web aplikacija.
Kako funkcionira CSS?
CSS funkcionira na principu selektora i deklaracija. Selektor omogućava odabir elementa (ili elemenata) na stranici na koji će se primjenjivati određeni stilovi. Deklaracija je par: svojstvo i njegova vrijednost koja određuje kako će odabrani element biti stiliziran. Deklaracije su grupirane u blokove, a svaki blok stilova okružen je vitičastim zagradama.
HTML dokument povezuje se s CSS datotekama pomoću elementa <link> u sekciji <head>, omogućavajući pregledniku učitavanje i primjenu stilova na dokument. CSS se također može postaviti izravno u HTML dokumentu pomoću oznake <style> ili izravno na pojedine elemente pomoću atributa style.
Primjeri upotrebe CSS-a
Zamislite da želite da svi paragrafi na vašoj stranici budu crvene boje. Za to ćete koristiti selektor p (koji se odnosi na paragrafe) i odrediti svojstvo boje (color) te njegovu vrijednost (red):
p {
color: red;
}
A sada pretpostavimo da želite da samo paragrafi unutar elementa s klasom .vazno budu podebljani. U tom slučaju vaš CSS će izgledati ovako:
.vazno p {
font-weight: bold;
}
