HTML sayfasında üç farklı yolla CSS (Cascading Style Sheet) kullanılabilmektedir :
Aşağıda Style etiketi ile kullanım örneği görülmektedir :
<html> <head> <style> ...stiller buraya yazılır.... </style> </head> <body> ...stiller kullanılır.... </body> </html>
Yukarıda görüldüğü gibi stil tanımlamaları head etiketi içerisinde style etiketi içerisine tanımlanır. Style etiketi sadece head etiketi içerisinde olması gerekmemektedir ve başka bölgelerde de olabilir.
Aşağıda bir p elementi biçimlendirme örneği gözülmektedir :
<html> <body> <p style="color:red;font-size:12pt"> inline stil kullanılmış paragraf</p> </body> </html>
görüldüğü gibi style özelliği ile p elementinin biçimleri verilmiştir. Yazının rengi kırmızı ve font boyu 12 punto olacaktır.
Aşağıda ayrı bir CSS dosyasının nasıl kullanılacağını gösteren örnek görülmektedir :
<html> <head> <link href="test.css" type="text/css" rel="stylesheet"></link> </head> <body> ...test.css dosyasındaki stiller kullanılır.... </body> </html>
Head etiketi içerinde link etiketi ile test.css dosyası HTML sayfasına eklenmiştir. test.css dosyasındaki tüm stiller sayfada kullanılabilir.
p{visibility:hidden;}
p{display:none;}