CSS qaydalarının HTML_dokumentə tətbiqinin 3 əsas üsulu mövcuddur. Aşağıda bu üsulların hər biri nəzərdən keçirilir.
Üsul 1: In-line (atribut style)
CSS qaydalarını HTML dokumentinə style atributunun vasitəsilə tətbiq etmək olar. Məsələn fonun rəngini qırmızı etmək üçün aşağıdakı koddan istifadə etmək olar:

Üsul 2: Daxili (teq style)

Üsul 3: Stillər cədvəlinə istinad.
Tövsiyə edilən üsul daxili stillər cədvəlinə istinadın yaradılmasıdır. Daxili stillər cədvəli sadəcə olaraq .css genişlənməli tekst faylıdır. Bu cədvəli siz digər fayllar kimi web-serverde və ya sərt diskdə saxlaya bilərsiniz. Məsələn fərz edək ki, sizin stillər cədvəliniz style.css adlanır və style qovluğunda yerləşir. Bütün məsələ HTML-dokumentdən (default.html) stillər cədvəlinə (style.css) istinad yaratmaqdan ibarətdir. Bunu aşağıdakı HTML-kod sətri ilə etmək olar:

Bu kod sətrini header bölməsində istənilən hissəyə yerləşdirmək olar:

Bu kod onu göstərir ki, brouzer HTML-faylın təsviri üçün CSS-fayldan qaydaları götürməlidir. Burda əsas vacib məsələ ondan ibarətdir ki, bir neçə HTML-dokument eyni bir CSS-fayldan istifadə etmək olar. Başqa sözlə desək bir neçə HTML-faylın təsviri üçün bir CSS-fayldan istifadə etmək olar.
Bunun üçün istənilən teks redaktorunda aşağıdakı məzmunlu HTML və CSS faylları yaratmaq lazımdır:

default.html

style.css