CSS kodları, temel olarak üç kısımdan oluşur. Sayfa içinde hangi etiketleri değiştireceğinizi gösteren "seçiciler", bunların içinde değiştirmeyi istediğiniz "özellikler" ve bu özelliklere vermek istediğiniz "değerler". Her seçiciden sonra küme parantezi açılır ve bu küme parantezi kapatılana kadar, özellik-değer çiftleri, aralarında ":", sonlarında ";" olacak şekilde ifade edilir. Küme parantezlerini kapamadan önce noktalı virgül kullanılmayabilir. Beyaz (white space) karakterlerin önemi yoktur. Yani boşluk, tab ve satır başı karakterleri dikkate alınmaz. /* */ işaretleri arasına yorum ve açıklamalar yazılabilir. Bunlar, tarayıcı tarafından dikkate alınmaz. Buna göre örnek CSS yapısı şöyledir:secici1
{
ozellik11: deger11;
ozellik12: deger12;
}
/* Yorum
Satırları */
secici2, secici3
{
ozellik21: deger21;
ozellik22: deger22;
ozellik23: deger23
}