Mis on CSS?

Enne CSS-ga alustamist soovitan lugeda HTML-i põhireegleid.

CSS = Cascading Style Sheet.

Kui HTML-i kasutatakse põhiliselt veebilehe sisu esitamiseks, siis CSS-ga on võimalik anda lehele välimuse.

Kuidas see toimib? CSS-i salvestatakse reeglina eraldi faili (samuti nagu HTML-i puhul võib kasutada Notepad-i, kuid mina soovitan kasutada mõnda teist tekstiredaktorit, näiteks Notepad++. Sama redaktoriga saab samaaegselt muuta nii html, css kui ka PHP faile ja see on mugav!)

Iga elemendi jaoks on võimalik määrata värvi, suurust, positsiooni jne. Näiteks kui meil on HTML fail ja seal on olemas paragraf "p" siis CSS-i abil saame määrata selle stiili ja suurust sedasi:

p {
font-family: “Times New Roman”;
font-size: 20px;
}

Selline kood annab meile määratud stiiliga ja 20 piksli suurusega teksti.

Kuidas HTML fail teab, millisest css failist infot võtta? Seda määrame kohe iga HTML lehe alguses "head" tagide vahel sellisel kujul:

"link rel=”stylesheet” href=”meiefail.css”"

Nii saab HTML fail aru, et meiefail.css on see koht, kus ta leiab vajalikud andmed enda jaoks. Pane tähele, et antud fail peaks olema leitav samas kaustas kui html fail ise. Vastasel juhul näitab html ennast ilma disainita, must valgelt jne. Kui fail on mujal kaustas, saab lisada ta asukoha nt. nii: href=”kaust/failid/meiefail.css”.