wmaraci reklam

CSS3 Nedir? CSS3 Dersleri ve CSS3 Kodları

CSS3 Nedir? CSS3 Dersleri ve CSS3 Kodları

CSS3, CSS'in daha önceki sürümleri üzerine geliştirilmiş üçüncü sürümüdür. CSS (Cascading Style Sheets) ise, 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.
Bu içerik size yardımcı oldu mu? WM Aracı içeriklerini kullanıcı odaklı iyileştirebilmemiz için geri bildirimde bulunabilirsiniz.
Aklına bir soru mu takıldı?

O Zaman Uzmana Sor!

Sorunuz yanıtlandığında size bir bilgilendirme maili ileteceğiz.

Uzmana Sorulanlar

  • 1 Alfanümerik
    bilal Merhaba Lütfen 8-32 karakter uzunluğunda alfasayısal karakterlerden oluşan bir kombinasyon girin. ... Alfanümerik
  • 2 Onlyfans
    tarık Onlyfanta bedava sayfalara abone olmak için bile olsa kart bilgisi istiyor 10 centlik ödeme almak iç... Onlyfans
  • 3 Warez
    seyhun Warez reklam türleri için liste verebilir misiniz?... Warez
  • 4 Home Ofis
    dilara Merhaba, nace kodu 62 01 01 işyerleri home ofis çalışabilir mi? ruhsat alma zorunluluğu var mı?... Home Ofis
  • 5 EULA
    elifnaz Google eula herhangi bir ücret almaktamidur yani paralı mıdır... EULA
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al