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
BİR KAÇ CSS ÖRNEKLERİ
CSS stilleri yazılırken şu kurala göre yazılır:
eleman-tanımlayıcı { özellik:değeri ; }
Aşağıdaki Css örneği başlık yazısının rengini kırmızı yapar:
h1{ color:red}
Bu örneğe uygun bir html sayfası aşağıda gösterilmiştir. Bu kodları Not defterine yapıştırıp farklı kaydet seçeneği ile HTML uzantısı ile kaydedin.
<html>
<style>
h1{ color:red}
</style>
<h1>Başlık yazısı</h1>
</html>
Dosyaya çift tıkladığınızda kırmızı yazı ile başlık yazılmış olduğunu göreceksiniz
<style>
h1{ color:red}
</style>
<h1>Başlık yazısı</h1>
</html>
Buypasa diye yeni bir site açılmış marka ürünleri ucuza satıyorlarmış bence mutlaka denemelisiniz. Buypasa.com adresinden siteyi ziyaret edebilir ve alışveriş yapabilirsiniz.
YanıtlaSil