Et stylesheet er bygget op af såkaldte "selectors". En selector er navnet på et HTML tag. Efter selektoren kommer noget kode, der giver indstillinger for det pågældende tag. For eksempel kan man lave en selektor der hedder P. De indstillinger man så skriver til denne selektor vil blive anvendt på al tekst i HTML dokumentet, som er indeholdt i et <P> tag. Indstillingerne skrives i blokke omkranset af { og }. Vil du lave et style-sheet der automatisk laver al tekst indeholdt i en paragraf (dvs. omkranset af <P> og </P>) til rød tekst, så vil det se ud som nedenstående:
<STYLE TYPE="text/css">
P {
color: #FF0000;
}
</STYLE>
I selve HTML dokumentet bliver det placeret som nedenstående.
<HTML>
<HEAD>
<TITLE>Mit stylesheet</TITLE>
<STYLE TYPE="text/css">
P {
color: #FF0000;
}
</STYLE>
</HEAD>
<BODY>
Denne tekst står ikke i en paragraf, og er ikke påvirket af stylesheetet.
<P>Denne tekst står i en paragraf, og vil blive farvet rød.</P>
</BODY>
</HTML>
Resultatet af det vil være: 
