CSS HTML’ e göre birçok stil özelliğine sahiptir. CSS’ in sayfa içeriği öğelerinin sayfa görünümü öğelerinden ayrılması için geliştirildiğini düşünürsek avantajı baştan anlaşılmış olur.
<h1>CiN Yazılım</h1>
HTML’de bu elemanın(h1) kalın, altı çizili, Artalan rengi mavi olarak atama gibi çeşitli özellikler verebiliriz. Ancak bu özellikleri atamak içinde ayrı HTML elemanları kullanmak zorundayız (<strong>, <u>), ancak CSS’de bunu tek bir elemanla yapabiliriz ve ayrıca daha fazla stil özellikleri de atayabiliriz.(örn: kenarlık, rollover vs stillerini ekleyebiliriz.)
h1 { color : blue ; font : italic 12px Calibri, serif ; text-decoration : underline ; background : grey url(bg.png) repeat-x; border : 1px solid red ; margin-bottom: 0; padding : 10px ;}