CSS giriş (takdim, sunum)

CSS (Cascading Style Sheets), sayfalarınızı ziyaretçilerinize daha iyi bir görünümde sunmanızı sağlayan bir stil betiğidir. Her türlü stil işlemlerinizi yapmanıza olanak sağlar. Şuanda güncel olarak CSS 2.0 kullanılmakta, CSS 3.0'ın çıktığı duyuruldu fakat browserlar henüz yeni versiyona hazırlıklı değiller.

CSS ile tüm işlemlerinizi yapabilirsiniz dedik. Evet, aklınıza gelebilecek her şeyi yapabilirsiniz. Efektler verebilir, yazılarınızı yada arkaplan işlemlerinizi şekillendirebilirsiniz. Hatta bir çok farklı boyutta uygulamalara da şahit olduk. LEGO evler, arabalar yapanlar, üzerinde çok uğraşıp pixel imajlar değerinde sonuçlar verebilen uygulamalar yapılabilmekte.

CSS kod parçalarını sayfanıza aşağıdaki şekillerde bağlayabilirsiniz;


Yada @import metodunu kullanarak sayfanıza dosyanızı tanımlayabilirsiniz.
cssrehberi.css, bu sizin css stil dosyasınızın adıdır. dilediğiniz klasöre taşıyabilirsiniz fakat sayfanızın yolunu buraya belirtmeniz gerekmektedir. Diğer programlama (SIDE) dillerinde olduğu gibi fiziksel yolu tanımlayabilirsiniz. Örneğin; stil/cssrehberi.css/ gibi.

Harici bağlantıların ikisininde görevi ve işlevi aynıdır. Birbirlerinden hiç bir farkı bulunmamaktadır. Dilediğiniz bir tanesini kullanabilirsiniz. Harici bağlantı metodununun diğer bağlantı metodlarına karşı olan avantajları şunlardır;

1. Daha kolay kullanım, onarım imkanı sağlar.
2. Alanınızda daha az dosya boyutu kaplar.
3. Alanınızda daha az bandwidth (trafik) harcar.

Elbette sonuçta tercih sizin elinizde, ayrıca her iki bağlantı şekillerinide iç içe kullanabilirsiniz. Sayfalarınızı hem harici hemde iç stil kod parçalarınız ile yönetebilirsiniz.

3. Satır arası style sheet

İlk kullanımda olan dezavantajlar bu kullanım içinde geçerlidir. Harici olarak işlenen kod parçalarının bize sağladığı tüm avantajlardan yoksun kalmaktayız. Tekrarlanan kod parçalarının daha fazla olmasından dolayı (web geliştiricileri tarafından) hiç kabul edilmeyen metotdur. Örnek kullanım;