CSS (Cascading Style Sheets) Css internet sayfalarının görünümünü değiştiren bir tanım dosyasıdır. CSS kendine has kuralları olan bir tanım dilidir denilebilir.
CSS Sayfa içersindeki her bir elemana ait farklı özellik atamayı sağlar Css Özellikleri: Html sayfasındaki nesnelerin görüntüsünü belirler Html 4.0 sürümü ile stil dosyaları geliştirilmiştir CSS ayrı bir dosyada *.css uzantısı ile saklanabilir.
Bu işlem sayfanın daha hızlı açılmasını sağlar Elemanlar üzerinde style="" parametresi ile özel kısa tanımlar yapılabilir HTML ilk üretildiğinde yazı rengi ve boyu gibi özellikleri tag´lar ile tanımlayacağı düşünülmedi.
ilk Html sürümünde aşağıdaki gibi temel taglar kullanıldı.
‹h1›Başlık yazısı‹/h1›
‹p› Paragraf yazısı‹/p›
Daha sonra html 3.2 sürümüyle ‹font› gibi taglar sunulduğundarenk ve yazı boyu gibi alt özellikler gelişmeye başladı.
Fakat çok büyük web sayfalarında bu durum tasarımcı için sıkıntılı olmaya başladı. Çünkü sonradan doğru tagı bulmak ve değiştirmek zorlaşıyordu. Bu sorunu çözmek için Dünya internet topluluğu (W3C) html 4.0 sürümü ile CSS yapısını geliştirdi.
Böylece boyut ve şekil bilgileri sayfada olmak yerine CSS uzantılı tek bir dosyada toplandı.
Bu sayede web tasarımcı sayfanın görünümünü değiştirmek istediğinde tek yapması gereken CSS dosyasını açmaktı. Böylece web sayfasında bir anda birçok sayfa değişmiş oluyordu.
CSS kuralları 3 parçadan oluşur. Her CSS kuralı bir seçici ve bir tanımlama bölümüne sahiptir. Tanımlama bölümü bir özellik ve bir değerden meydana gelir. Yani bir CSS kuralı şu şekilde oluşturulur; seçici {özellik:değer} Bir CSS kuralında seçici olarak bir html ögesinin ismi(Örneğin; a, p, span, div, body), kimliği(id'si) veya sınıfı(class'ı) kullanılabilir.
Bu anlatımdaki örneklerde seçici olarak HTML ögelerinin isimleri kullanılmıştır. CSS kurallarında özellik olarak ise sadece belirli maddeleri kullanabiliyoruz.
(Belirli dediğim yaklaşık 120 tane kadar) değer olarak ise her özelliğin alabileceği kendi değerleri var, bunları kullanabiliyoruz.
Örnek olarak a{font-size:12pt} ve span{font-size:10px; font-color:blue;} verilebilir.
Tanımlama bölümünde birden fazla özellik giriliyorsa aralarına noktalı virgül(;) konulur. Sadece tek değer giriliyorsa konulmayabilir ancak değerin sonuna eklemenin de bir sakıncası yoktur.
Ayrıca aynı değerleri vereceğimiz iki seçiciyi aralarına virgül koyarak tek seferde tanımlayabiliriz de; a, span, p {font-size:12pt; font-color:blue;} gibi...
