CSS: erinevus redaktsioonide vahel

 

Näide selle kohta, kuidas oli HTML-is defineeritud punast värvi pealkiri.

<h1><font color="red"> Esimene peatükk </font></h1>

 

Sama näide, aga kasutades CSS-i.

<h1 style="color:red"> Esimene peatükk </h1>

 

Eelis ei ole eriti selge, kuid see muutub selgemaks, kui CSS-i laadi omadused on paigutatud eraldi CSS-faili.

Eeldame, et dokumendis on järgmine laadielement:

<style>

<h1 {color: red;}

</style>

Kõik dokumendis olevad h1 pealkirjad muutuvad punaseks, ilma et teha HTML-failis mingeid muudatusi. Kui autor soovib muuta kõik h1 pealkirjad siniseks, siis ta peab muutma värvi punasest siniseks ehk

<style>

<h1 {color: blue;}

</style>

 

Laadid võivad olla paigutatud ka eraldi CSS-faili ning laaditud, kasutades järgmist süntaksi

==CSS-i eelised==