Önceklikle CSS’nin genel tanımını inceleyelim. CSS (Cascading Style Sheets), web sitelerimize görsel güzellik katmamızı sağlayan, HTML’e ek olarak metin ve format biçimlendirmemize olanak sağlayan bir web teknolojisidir. CSS kodlarını kullanarak, hazırlanan site tasarımları, HTML‘in bize kısıtlı olarak sağladığı görünümlerden, daha cezbedici bir görünüm sağlar. Bu tasarımlardaki sınır tamamen kendinizsiniz.
CSS kodları, HTML kodlarının içine yazıldığı gibi, ayrı bir CSS dosyası oluşturularak da işlem yapılabilir. Fakat günümüzde artık bu seçenek tercih edilmemektedir. CSS dosyalarını, ayrı dosyalarda saklamak, bizleri farklı HTML sayfalarında tekrar tekrar yazma yükünden kurtarır.
CSS ve CSS2 web sayfalarında kullandığımız tüm objelere çeşitli stil özellikleri tanımlamaya yarayan teknolojinin adıydı. Bu iki versiyon bizlere sabit stil özellikleri sunuyordu. Fakat web tasarımcıların, sitelere daha aktif bir kullanım katmak için JavaScript’i daha etkin kullanmaya başlaması, CSS’nin yeni bir versiyona ihtiyaç duyduğunu gösterdi. Bu da, JavaScript ve CSS’yi daha iyi iletişime sokacak ve mobil cihazlar için daha etkili sonuçlar sunacak CSS3’ün ortaya çıkmasına neden oldu.
CSS3 sayesinde gelişen web teknolojilerinin ihtiyaçlarına yönelik bir çok yenilik sunulmuştur. Bunlardan başlıcaları;
- Text Properties (Yazı özellikleri) : Yazıya gölge verme (text-shadow), text-stroke, tarayıcı uyumlu özellikler ve RGB kullanarak saydamlık verme gibi birçok özellik, web sayfalarında kullanılan yazılara etki edebilir hale gelmiştir.
- Layout Properties (Düzen özellikleri) : Kenarlıkları oval yapma (border-radius), box-shadow (gölgelendirme), çoklu yazı kolonları (multi-column text) ve donukluk (opacity) gibi özellikler de CSS3 ile birlikte gelmiştir.
- Animated Property Transitions (Animasyonlu Özellik Geçişleri) : CSS3 ile birlikte gelen en etkileyici özelliklerden biri, HTML objelerinin özelliklerine animasyonlu geçiş efektleri tanımlayabilmektir. Bu özellik ile ilgili örnekli anlatımları CSS3 makaleleri altından takip edebilirsiniz.
- Border Image (Kenarlık Resimleri) : CSS3 ile birlikte objelere uygulanan kenarlıklar için resim tanımlaması yapılır hale gelmiştir.
- Gradients (Geçişler) : Web sayfasındaki resimlere ve uygun objelere, linear gradients (doğrusal geçişler), radial gradients (radyal geçişler) mozilla webkitleri gibi şık stil düzenlemeleri de yine CSS3 ile yapılabilmektedir.
- 2D / 3D Transformations (Dönüşümler) : CSS3 ile birlikte nesnelere 2 veya 3 boyutlu dönüşüm efektleri verilebilmektedir.
- Web Fontları : CSS3 ile birlikte gömülü ve her browsera ayrı olarak uyarlanabilecek yazı fontları ve formatları geliştirilmiştir. Ayrıca mobil cihazlar için kullanılabilecek yeni fontlar da CSS3 ile birlikte gelen kullanışlı yeniliklerdendir.
Hiç yorum yok:
Yorum Gönder