...
(Lainaus: Vuokko Nurmesniemi: http://myy.helia.fi/~vanvu/html/tyylisivut.html)
Tyylimäärittely CSS on muotoa:
| No Format |
|---|
elementti { ominaisuus: ominaisuuden_arvo; }
esim. p { color: blue; }*
|
...
| No Format |
|---|
h1 {font-family: verdana, sans-serif;
font-size: 12pt;}
|
...
Tyylimäärittelyn liittäminen html-sivuun
...
(Lainaus: Vuokko Nurmesniemi: http://myy.helia.fi/~vanvu/html/tyylisivut.html)
Tyylimäärittely voidaan liittää HTML-dokumenttiin kolmella tavalla:
1. HTML-elementtiin upottaminen
Tyylimäärittely voidaan kirjoittaa kirjoitetaan HTML-dokumentissa sen elementin alkutunnisteeseen, missä sitä halutaan käyttää style-attribuuttia käyttäen. Tämä määrittely jonka ulkoasua halutaan muokata. Määrittely ohittaa kaikki muut määrittelyt:.
| No Format |
|---|
Esim <p> \-elementin fontin koko voidaan määritellä kappaleen alkutunnisteessa seuraavasti: |
...
<p style="font-size: 12px">Tämän tekstin fonttikoko on 12 pikseliä</p> |
...
Tämä määrää kappaleen fontin koon, vaikka <p>-elementin koko olisi määritelty kohdassa 2 ja/tai 3 mainituilla tavoilla. |
2. HTML-dokumenttiin upottaminen
Tyylit voidaan kirjoittaa HEAD-lohkoon <style> ...</style> -tunnisteiden väliin.
...