Css koodi laitetaan head -tagien väliin style -tagin avulla.
<style type="text/css"> <!-- Tähän kaikki css koodi --> </style>
Css koodin voi myös laittaa erilliseen tiedostoon. Yleisin tiedostomuoto on .css, mutta voidaan käyttää myös esimerkiksi .php, tai .html muotoja. Ulkoiseen css tiedostoon ei myöskään pidä laittaa style -tageja. Vain ja ainoastaan css koodi. Suosittelen käyttämään tätä menetelmää, sillä se nopeuttaa sivujen latautumista, koska selaimen ei tarvitse joka kerta ladata tyylejä, vaan ne ladataan vain kerran ja jatkossa ne otetaan selaimen välimuistista.
Kun olet tehnyt css tiedoston, niin lisää sivuillesi head -tagin väliin seuraava:
<link rel="stylesheet" type="text/css" media="screen" href="malli.css" title="oletustyyli">
Ylläolevassa esimerkissä css tiedoston nimi oli malli ja tiedostomuotona käytettiin .css.
On myös mahdollista upottaa css määrityksia suoraan johonkin elementtiin, jolloin css tiedostoa ei tarvita. Upottaminen tapahtuu style -attribuutilla.
<div style="background-color:#000000;"></div>
Ylläolevassa määritimme div elementin taustavärin mustaksi.
