CSS Nedir?

CSS (Cascading Style Sheets), web sayfalarında ve web uygulamalarında, yaratılan nesnelerin stillendirilmesini sağlayan bir dildir.

 

CSS3’te ne değişti?

 

  • Animasyonlar ve Geçişler: Web sitesini dinamikleştirmeye yarayan bu etkenler, sitenizin daha güzel gözükmesini sağlıyor.
  • Hesaplamalar için “calc” kullanımı: Artık herhangi bir genişliği veya yüksekliği, aritmetik hesaplamalar ile yazdırabiliyoruz. Örneğin sayfaya tam sığmasını, ancak sağdan 40px boşluğu olmasını istiyorsak, “calc(100% – 40px)” kullanabiliriz.
  • Gelişmiş seçiciler: Önceden sadece ID veya Class yardımıyla yapılan seçimler, artık ilerlemiş durumda. Örneğin bir p elemanı içerisindeki ilk harfi seçebileceğimiz “p::first-letter” seçicimiz var. Veya birden fazla elemanın sayfa içerisindeki yerleşimlerinden sadece 1-3-5 gibi tekil elemanları seçebileceğimiz “.eleman:nth-child(odd)” seçicimiz var.
  • Elemanın içerisinde dinamik olarak oluşturabildiğimiz içerikler: “::before” ve “::after”, elemanın içerisindeki içeriğin dışında, bu içeriğin öncesinde veya sonrasında içerik oluşturmamıza yarıyor.
  • Renk geçişleri: Önceden resim kullanarak hazırladığımız lineer, çembersel veya tekrar eden renk geçişlerini, artık kod ile yapabiliyoruz.
  • Web Fontları: Önceden sadece “web için uyumlu” fontları kullandığımızı hatırlıyor musunuz? Artık içerisinde vektör ikonları olan fontawesome gibi ikon fontlarını bile kullanabiliyoruz.
  • Kenarlık resimleri: Artık kenarlıklarımızda (border) resim kullanabiliyoruz.
  • Medya Sorguları: Sitenizi her cihaza uygun yapmanıza yarayan sorgular getirildi. Önceleri mobil site ve web sitesi ayrı subdomainlerde olurdu. Artık tek bir sayfada iki stili de yönetmeniz mümkün.
  • Birden fazla arkaplan: Artık bir elemana birden fazla arkaplan koyabilirsiniz.
  • 3 Boyutlu dönüşümler: Artık elemanlar 3 boyutlu dönüşümler geçirebiliyorlar. Bir kartın üzerine gelindiğinde dönmesi gibi basit dönüşümler yapabilirsiniz.Veya ileriye taşıyıp bir ürünün 3 boyutlu görsellerini artık bu elemanlar üzerine yerleştirerek ürünün daha çok alıcı bulmasını sağlayabilirsiniz.

 

CSS & CSS3 Yenilikleri videosu aşağıdadır:

 

Bu içeriği sadece giriş yapmış kullanıcılar görebilir. Lütfen giriş yapın.

No Comments

Post a Comment

Comment
Name
Email
Website

TurkeyEnglish