Aşağıdaki örnekte font özelliklerini biçimlendiren örnek görülmektedir :
<html> <head> <style> h1,h2,h3{ font-weight:bold; } p{ font-family:Times; font-size:10pt; } .warning{ font-style:italic; font-size:8pt; font-family:Arial; } </style> </head> <body> <h1>Css Kitabı</h1> <p>bu kitap çok önelidir. İşe yarar. Kulnanması kolaydır</p> <p class="warning"> dikkat dikkat bu bir uyarıdır</p> </body> </html>
Başlık (h1,h2,h3) biçimlerinin hepsi bold yapılmıştır. p paragraflarının hepsi Times fontu ve 10 pt olacaktır. .warning adıyla bir class yaratılmıştır ve özellik olarak italic, 8 pt, Arial yapılmıştır. Son paragrafın class özelliği warning verilmiştir.