Css' in Avantajları

Görünüm Avantajları

CSS HTML'e göre daha fazla ve kullanımı kolay stil özelliğine sahiptir. CSS'in sayfa ve görsellik uygulamaları 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ış ve kullanım kolylığının ne kadar gelişmiş olduğunu göstermiş olur.

<h1>CSS'e Giriş</h1>

HTML'de bu elemanın(h1) kalın, altı çizili, Artalan rengi kırmızı 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: black;

font: italic 15px Times, serif;

background: blue url(image.jpg) non_repeat;

border: 1px solid red;

margin-bottom: 1;

padding: 2px;}

Kullanım Kolaylığı

HTML'de her etikete artı özellikler eklemek için başka bir etiket ve/veya özellik eklememiz gerekmektedir. Bu işlemi geniş çaplı bir sitede yaptığımızı düşünürseniz çok büyük zaman kaybı ve uğraş gerektiğini göreceksiniz.

<h1><font color="blue">Başlık</font></h1>

Bunun gibi onlarca veya yüzlerce başlığınız olduğunu düşünün, gerçekten çok zor. CSS'de aynı işlem için

h1 {color: blue}

Kodunu yazmamız yeterli. Bu elemanın özelliklerinde değişiklik yapmak istediğimizde sadece burada değiştirerek tüm sitede bu elemanın özelliklerini değiştirmiş olacağız. Ayrıca bu işlemi sadece bu etiket için değil diğer 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 değişlik yaparak tüm sitemizi ara yüzünü yönetebiliriz isterse yüzlerce sayfa olsun

Tasarım Tutarlılığı Avantajları

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ığınızı koruyarak ziyaretçinize düzenli bir içerik sunmuş olacak ve sitenizin kendine has özelliklerini ziyaretçiye benimsetmiş olacaksınız. Sayfalarımız hızlı yüklenecektir, çünkü aynı elemanları diğer sayfalarda tekrar yüklemeyecek ve bu ziyaretçiye zaman kazandıracaktır.

"Daha Az Dosya Boyutları"

CSS yardımı ile kodlanmış HTML'in normal HTML kodlamasına göre

%50′ye varan performans ve hız artışları olduğu belirlenmiştir. CSS HTML'de kullanılan görünüm özelliklerini(iskeleti oluşturan tablolar, boş resimler, süsleyici resimler, yazı tipleri, renkler, genişlikler, yükseklikler ve Artalan resimleri) azaltacağı için dokümanlarınızın boyutunu ciddi oranda azaltacaktır.