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 ;}
