izgled više elemenata, i više opisa može da definiše jedan element. Na taj način se
opisi slažu jedan preko drugog da bi definisali konačni izgled određenog elementa (otuda
naziv Cascading) da bi se dočaralo slaganje jednog stila preko drugog u definisanju konačnog
izgleda elementa

Stilski obrasci sačinjeni su od stilskih pravila. Svako pravilo ima dva dela:



Selektor: Određuje element na koji se stilsko pravilo odnosi



Deklaracija: Određuje kako izgleda sadržaj opisan CSS-om

2.2.Primer Css-a

p {color:red;text-align:center;

}

CSS deklaracija

se uvek završava tačkom-zarezom, a deklaracija grupe je okružena vitičastim

zagradama

Da bi CSS bio lakši za čitanje, stavićemo deklaraciju u novi red:

p
{
color:red;
text-align:center;
}

2.3 Selektori i deklaracije

Možda najvažniji deo definicije CSS-a su selektori. Oni koriste za određivanje elemenata

na HTML stranicama, te koriste brauzerima da odrede na koje elemente stranice utiče naredba u
CSS-u. Postoji nekoliko tipova CSS selektora: selektori HTML elemenata, klase, ID selektori,
kontekstualni selektori i pseudo klase linkova.

Osnove rada u CSS-u

Selektori HTML elemenata su najjednostavniji selektori. Njima se identifikuju elementi neke
stranice. Jednim selektorom se određuju svi ''tagovi'' tog elementa i direktno se utiče na njihov
sadržaj. Kako bi koristili selektor HTML elementa potrebno je samo napisati naziv ''taga'' i na taj
način se mogu menjati stilovi za sve elemente stranice.

Za jedan selektor možemo napraviti nekoliko stilskih pravila, svaki s jednom deklaracijom:

h1 {color: teal;}
h1 {font-family: Arial;}
h1 {font-size: 36px;}

Tako velika kolekcija stilsih pravila postaje teška za upotrebu. CSS vam dozvoljava da
kombinujete nekoliko deklaracija u jedno stillsko pravilo koje utiče na karakteristike prikaza
pojedinog selektora:

h1 {
color: teal;
font-family: Arial;
font-size: 36px;
}

Sve deklaracije za h1 selektor su unutar istih vitičastih zagrada ({}) i odvojene su tačkom i
zarezom (;). Možemo staviti koliko god hoćemo deklaracija u stilsko pravilo, samo trebamo
svaku deklaraciju završiti sa tačkom-zarezom.

Možemo napraviti da se isti set deklaracija odnosi na ceo skup selektora. Selektore je
potrebno odvojiti zarezima. Sledeće stilsko pravilo ostavlja deklaracije za boju teksta, font i
veličinu fonta:

h1, h2, h3 {
color: teal;
font-family: Arial;
font-size: 36px;
}

2.4 Rad sa stilskim klasama

CSS dopušta specificiranje informacija na nekoliko načina:



unutar jednog HTML elementa



unutar <head> elementa



u posebnom css dokumentu.

Takođe je moguće referencirati višestruke css dokumente unuter jednog HTML dokumenta.