1.Görünüm Avantajları

CSS HTML’e göre birçok stil özelligine sahiptir. CSS’in sayfa içerigi ögelerinin sayfa görünümü ögelerinden ayrılması için gelistirildigini düsünürsek avantajı bastan anlasılmıs olur.

<h1>CSS'e Giris</h1>

HTML’de bu elemanın(h1) kalın, altı çizili, Artalan rengi kırmızı olarak atama gibi çesitli ö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: white;
font: italic 11px Arial, serif;
text-decoration: underline;
background: yellow url(titlebg.gif) repeat-x;
border: 1px solid red;
margin-bottom: 0;
padding: 5px;}

2.Kullanım Kolaylıgı

HTML’de her etikete artı özellikler eklemek için baska bir etiket ve/veya özellik eklememiz gerekmektedir. Bu islemi genis çaplı bir sitede yaptıgımızı düsünürseniz çok büyük zaman kaybı ve ugras gerektigini göreceksiniz.

<h1><font color="blue">Baslık</font></h1>

Bunun gibi onlarca veya yüzlerce baslıgınız oldugunu düsünün, gerçekten çok zor. CSS’de aynı islem için;

h1 {color: blue}

Kodunu yazmamız yeterli. Bu elemanın özelliklerinde degisiklik yapmak istedigimizde sadece burada degistirerek tüm sitede bu elemanın özelliklerini degistirmis olacagız. Ayrıca bu islemi sadece bu etiket için degil diger etiketlere de uygulayabiliriz.

h1, h2 {color: blue}

Ayrıca tek bir CSS dosyası ile sitenin tamamını yönetmek web kodlamacıları için çok büyük kolaylıktır. Sadece bir dosyada degislik yaparak tüm sitemizi ara yüzünü yönetebiliriz isterse yüzlerce sayfa olsun.

3.Tasarım Tutarlılıgı

Tek CSS dosyası ile tüm sitenizi yönetebilirsiniz, bu özellik sayesinde siteniz tutarlılık kazanacaktır. Web sayfanızdaki ilk sayfadan son sayfaya kadar tutarlılıgınızı koruyarak ziyaretçinize düzenli bir içerik sunmus olacak
ve sitenizin kendine has özelliklerini ziyaretçiye benimsetmis olacaksınız. Sayfalarımız hızlı yüklenecektir, çünkü aynı elemanları diger sayfalarda tekrar yüklemeyecek ve bu ziyaretçiye zaman kazandıracaktır.

4.Daha az Dosya Boyutları

CSS yardımı ile kodlanmıs HTML’in normal HTML kodlamasına göre %50Vye varan performans ve hız artısları oldugu belirlenmistir. CSS HTML’de kullanılan görünüm özelliklerini(iskeleti olusturan tablolar, bos resimler, süsleyici resimler, yazı tipleri, renkler, genislikler, yükseklikler ve Artalan resimleri) azaltacagı için dokümanlarınızın boyutunu ciddi oranda azaltacaktır.

5.Gelecek Vaat ediyor

HTML giderek islevselligini kaybedecegi ve XML ve dolayısı ile XHTML’in islevselligini artıracagı düsünülürse, CSS gibi tümlesik bir standardın önemi daha çok anlasılıyor. XHTML ile daha temiz kodlar üretilecek, farklı platformlara(pda, cep telefonu vs.) uyum sayesinde bilgi dolasımı kolaylasacak, sayfalarımız arama motorları programları tarafından daha anlasılır olacaktır. CSS, XHTML teknolojisi ile tümlesik olarak çalısarak bizlere gelecek vaat ediyor.