Css Dersleri – Css Avantajları
CSS kullanımının önemli avantajlarından bazıları:
1.2.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;}1.2.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.
1. CSS’E GRS 9
1.2.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.
1.2.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.
1.2.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.