CSS Nedir, Ne İşe Yarar?
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 KULLANMANIN FAYDALARI?
CSS kullanarak sayfamızdaki görünümleri daha smart bir hale getiririz.Böylelikle internet kullanıcısına tutarlı ve daha düzenli bir web sayfası sunmuş oluruz.Web sayfalarında tasarımla birlikte bu tasarımın doğru şekilde internet ortamına aktarılması ve çalışması CSS kodları yardımı ile olacaktır.
CSS YAZIM ŞEKİLLERİ
1.Html Kodu içinde style tagı ile nesneye ekleyerek kullanabiliriz.
2.Head Tagı arasına css klaslarını ve seçicilerini yazarak kullanabiliriz.
3.Dışarıdan bir css dökümanını html sayfamıza elementi ile ekleyebiliriz.
en çok tercih edilen 3. yöntemdir.
Html Koduna dışarıdan bir dosya ile css dokümanı ekleyerek kodu daha düzenli ve daha anlaşılır bir hale getiririz.Html Kodu ne kadar uzun ve karışıksa sayfada o kadar yavaş açılır