Arama Türü:  
 

CSS

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.

Bir CSS Kuralı Hangi Parçalardan Oluşur?

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...