CSS Ders 1 ile CSS derslerine başlayacağım. Vakit ayırabildiğim sürecede yeni eğitimler hazırlamaya devam edeceğim. Cascading Style Sheets’in ilk harflerinden oluşan bir kısaltmadır, bunu Stil Şablonları olarak Türkçemize çevirebiliriz. HTML yazım şekli olarak etiket türünde bir yazım dilidir. Büyük kolaylıklar sağlayan CSS, kullanım kolaylığı web tasarımcıların vazgeçilmezi olmuştur. Her türlü sayfa dizaynında müthiş bir esneklik sağlayan CSS, bağlantılı stil şablonlar ile birden çok sayfayı etkiyebilir, birden çok sayfanın özelliklerini bir kod değişimi değiştirebiliriz. Bu da bize site görünümünü değiştirmek istediğimizde elimizdeki onlarca belki de yüzlerce sayfanın kodlarını değiştirmeden sadece CSS dosyasındaki birkaç kodu değiştirerek yapmamızı sağlar.CSS tek başına etkili değildir HTML, PHP, ASP gibi bir dil ile birlikte kullanılmalıdır.
web yazılımların plugini olarak düşünebilirsiniz.
Stil Şablon’un tarayıcılara eklenmesinden sonra üç versiyonu çıkmıştır. Bunlar:
• CSS 1
• CSS 2
• CSS 3 – Çok akıllı tarayıcımız (!) IE tarafından desteklenmemektedir.
CSS Çeşitleri
Css’in 3 farklı kullanım alanı yani üç farklı çeşidi vardır:
1. Yerel (Inline Style) bir html tagı için kullanılan CSS türüdür.
2. Genel (Header Style) tüm sayfa için, tüm html taglarının değiştirilmesinde kullanılan CSS türüdür.
3. Harici (External Style) birden çok sayfa için kullanılan CSS türüdür. Bu CSS türü ayrı bir dosya olarak çalışmaktadır.
Yerel CSS –Inline Style-
Inline Style Kullanımı
Örneği CSS.html adıyla kaydedip açtığınızda mavi renkte 12 punto olan bir yazı çıkacaktır.
Genel CSS –Header Style-
Genel Stil Şablonları bir önceki örnekte yapılan değişikliğin tüm sayfada olmasını sağlayabilecek bir yapıya sahiptir. etiketleri arasında tanımlanırlar
Header Style Kullanımı
Örnekte sayfa içerisinde kullanacağımız tüm b etiketlerinin özellikleri sabitlenmiş, yani tüm b tagları CSS’de ne isteniliyorsa onu yapar hale gelmiştir.
Stil Şablon tanımlamaları
etiketleri arasında