Bir şeye başlamadan önce ne olduğunu bilmeniz gerekir. CSS, yani açarsak Cascading Style Sheets‘in amacı HTML ile beraber daha esnek sayfalar oluşturabilmek. 1996′da W3C tarafından duyuruldu. Gerek kullanımının kolaylığı, gerek kullanışlılığı ile hemen her sitede yer alan bir dil. HTML ile kodlanmış her sayfada düzenleme yapmak yerine tek bir CSS Stil dosyası üzerinde düzenleme yaparak, tüm sayfalara etki etmesini de sağlayabiliyorsunuz.

CSS ile Yapılabilecekler

Aslında CSS ile yapılabilecekler sınırsızdır, yani tasarımı her türlü özelleştirebilirsiniz. Fakat yine de birkaç basit örnek göstermek istiyorum.

- Basit bir link kodumuz olsun.

<a href=”http://www.rzrarti.com”>rzrarti.com</a>

Şimdi burdaki “a” tagının stil özelliklerini ekleyelim, tabi ki CSS ile :) .

a {color: white; font: italic 16px Arial, serif; text-decoration: underline; background: black; border: 2px solid green; padding: 5px;}

Bunu yaptığımızda şöyle bir göz atarsanız yazı stilinde, zemin ve yazı renginde, border stilinde ve yazı boyutunda değişiklikler göreceksiniz. En baştaki a etiketinden de anlayabileceğiniz gibi bu stil özellikleri genel linklere etki edecektir.

- Bunun dışında;

<h3><font color=”red”>rzrarti.com</font></h3>

demek yerine

h3 { color: red; }

stil kodunu kullanarak tüm h3 taglarına kırmızı renk verebilirsiniz.

Bunlar yalnızca basit örneklerdi, CSS ile yapılabileceklerin sonu yok. Aklınıza nasıl bir sayfa düzeni geliyorsa CSS ile rahatlıkla yapabilirsiniz. Günden güne değer kaybeden HTML‘i düşünürseniz, CSS’in geleceğinin daha da parlak öldüğünü görebilirsiniz ;) .

Bu yazıyı paylaşın