CSS, web'in sunum katmanıdır. Web siteniz için hedeflediğiniz tasarım hedeflerine ulaşmanıza yardımcı olmak amacıyla HTML'ye stil uygulamanıza olanak tanır. Burada, web sayfalarınızı hayal ettiğiniz gibi görünmesi için CSS'yi öğrenme ve kullanma yolculuğunuzda size rehberlik edecek çeşitli içerik koleksiyonları, kurslar, kalıplar ve diğer faydalı makalelerin bağlantılarını bulabilirsiniz.
CSS'de yeniyseniz size yardımcı olabiliriz. CSS'yi Öğrenin kursumuz, CSS'nin işleyiş şekliyle ilgili temel bilgiler konusunda size rehberlik eder.
İşinizde kullanabileceğiniz en yeni ipuçlarını ve teknikleri hemen öğrenin.
Tüm büyük tarayıcı motorlarında yeni kullanıma sunulan temel CSS özellikleri hakkında bilgi edinin.
Web sayfalarınız için hızlı bir şekilde düzenler, animasyonlar ve temalar oluşturmak amacıyla kullanabileceğiniz CSS kalıplarımızdan bazılarına göz atın.
Sayfa hızı söz konusu olduğunda CSS'yi göz önünde bulundurmanız gerekir. Bu kılavuzlar, CSS kullanımıyla ilgili yaygın performans sorunlarını gidermenize yardımcı olabilir.
CSS'yi kullanma biçiminiz, web uygulamalarınızın erişilebilirliğini etkileyebilir. Bu kılavuzlar, CSS'yi web uygulamalarınızın daha fazla kullanıcı için daha kolay kullanılmasını sağlayacak şekilde kullandığınızdan emin olmanıza yardımcı olabilir.
Erişilebilirlikten Z-endeksine kadar CSS Podcast'i, sektörün önde gelen bazı uzmanlarından CSS hakkında daha fazla bilgi edinmenin mükemmel bir yoludur.
DERS

CSS'de yeniyseniz size yardımcı olabiliriz. CSS'yi Öğrenin kursumuz, seçicilerden, özelliklerden, değerlerden, temel düzen ilkelerinden ve bunları web sayfalarınıza nasıl uygulayabileceğinizden başlayarak CSS'nin işleyişiyle ilgili temel bilgiler konusunda size yol gösterir.

İşinizde kullanabileceğiniz en yeni ipuçlarını ve teknikleri hemen öğrenin.
İçeriğinizi rahatça okuyabilmeleri için yazı tiplerini kullanıcılarınızın tercihlerine uygun hale getirin.
Tüm büyük motorlar artık yeni CSS renk alanlarını ve işlevlerini destekliyor. Bu öğelerin tasarımlarınıza nasıl canlılık katabileceğini öğrenin.
Kaynak eşlemeleriyle web'de hata ayıklama deneyimini iyileştirin.
Subgrid artık üç büyük motorun tamamında birlikte çalışabilir. Nasıl kullanacağınızı öğrenin.

Temel, web platformu özellikleri önde gelen tüm tarayıcı motorlarında güvenli bir şekilde kullanılabileceği zaman web geliştiricilerine sinyal gönderir. Aşağıda, yeni kullanıma sunulan Baseline olan bazı CSS özellikleri verilmiştir.

scrollbar-gutter, Baseline oldu. Aralık 2024'te kullanıma sunuldu.
::target-text, Baseline oldu. Aralık 2024'te kullanıma sunuldu.
ruby-align, Aralık 2024'te kullanıma sunulan Baseline oldu.
ruby-position, Aralık 2024'te kullanıma sunulan Baseline oldu.
CSS göreli renk söz dizimi, Eylül 2024'te kullanıma sunulan yeni Temel düzey oldu.
content-visibility, Temel olarak değiştirildi. Eylül 2024'te kullanıma sunuldu.
CSS @starting-style özelliği, Ağustos 2024'te kullanıma sunulan Baseline özelliği olarak değiştirildi.
font-size-adjust, Temel olarak değiştirildi. Temmuz 2024'te kullanıma sunulacak.
CSS @property özelliği, Temmuz 2024'te kullanıma sunulan yeni temel özellik oldu.
light-dark() özelliği, Mayıs 2024'te kullanıma sunulan Baseline olarak değiştirildi.
Blok düzeninde align-content özelliği, Nisan 2024'te kullanıma sunulan yeni bir temel özelliktir.
offset-position ve offset-path değerleri, Ocak 2024'te Baseline olarak kullanıma sunuldu.

Web sayfalarınız için hızlıca düzenler, animasyonlar ve temalar oluşturmak üzere kullanabileceğiniz CSS kalıplarımızdan bazılarına göz atın.

Kartlar, dinamik ızgara alanları ve tam sayfa düzenleri gibi yaygın arayüzler oluşturmanıza yardımcı olan, modern CSS API'leri kullanılarak oluşturulan düzen kalıpları.
Erişilebilirlik ve kullanıcı tercihleri dikkate alınarak CSS veya JavaScript kullanılarak oluşturulan animasyon teknikleri.
Projeleriniz boyunca rengi yönetmeye yardımcı olacak teknikler.
CSS, bir sayfadaki oluşturma işlemlerinin büyük bir kısmından sorumludur. Bu, sayfanın ne kadar hızlı göründüğü ve kullanıcı etkileşimlerine ne kadar hızlı yanıt verdiğinin bir faktörüdür. Bu kılavuzlar, sayfa hızını göz önünde bulundurarak CSS yazmanıza yardımcı olabilir.
Stil yeniden hesaplaması, CSS kurallarının DOM'a uygulandığı bir işlemdir ve aşırı karmaşık seçiciler performans sorunlarına neden olabilir. Seçicilerinizi performans için nasıl optimize edebileceğinizi öğrenmek üzere bu kılavuzu okuyun.
content-visibility mülkü, bir sayfanın bölümlerinin oluşturulmasını ihtiyaç duyulana kadar ertelemek için kullanılabilir. Bu kılavuzda, web uygulamanızın oluşturma performansını artırmak için bu özelliği nasıl kullanabileceğiniz gösterilmektedir.
Stillerinizi yazma şekliniz, Önemli Web Verileri'ni önemli ölçüde etkileyebilir. Web uygulamanızın CSS'sini daha iyi performans için nasıl ayarlayabileceğinizi öğrenmek üzere bu kılavuzu okuyun.
Büyük DOM boyutları uzun oluşturma işlemlerini tetikleyebilir ve bu da web uygulamanızın kullanıcı girişine ne kadar duyarlı olduğunu etkileyebilir. Daha iyi performans için DOM boyutlarını nasıl daha küçük tutabileceğinizi öğrenmek üzere bu rehbere göz atın.
Renk kontrastından duyarlı tasarıma kadar CSS, web uygulamalarınızın tüm kullanıcılar için ne kadar kullanılabilir olduğu üzerinde kesin bir etkiye sahiptir. Daha fazla kullanıcının kullanabileceği web uygulamaları oluşturmak için CSS bilginizi geliştirmek üzere bu kılavuzları okuyun.
Sayfalardaki etkileşimli öğelerin stil özelliklerini erişilebilir olacak şekilde ayarlamak, öğelerin daha kolay kullanılabilmesi için öğelerin boyutunu ve boşluklarını göz önünde bulundurmanızı gerektirir. Kullanıcıların gezinmesi daha kolay web uygulamaları oluşturmak için bu yönergeleri inceleyin.
Renk kontrastı, kullanıcıların içeriğinizi daha kolay okumasını sağlayan tasarımın önemli bir parçasıdır. Bu kılavuz, okunabilirliği ve kullanılabilirliği vurgulayan güzel web uygulamaları oluşturmanıza yardımcı olabilir.
Çoklu cihaz deneyimini en iyi şekilde sunmak için duyarlı tasarım yapmanın iyi bir fikir olduğunun farkındayız. Ancak duyarlı tasarım, erişilebilirlik açısından da avantaj sağlar.
Dokümanınızdaki içeriğin sırası, sitenizin erişilebilirliği açısından önemlidir ve kullandığınız CSS'nin erişilebilirliği etkileyebileceği mümkündür. Bu kılavuzda, sayfalarınızın içeriklerinin görsel sırasını yeniden sıralamak için CSS'yi kullanırken bilmeniz gereken her şey açıklanmaktadır.

CSS, web'in temel stil dilidir. Web geliştiriciler için kullanımı en kolay teknolojilerden biri olsa da ustalaşması en zor teknolojilerden biridir. Google'ın Geliştirici Destek Ekibi üyeleri Una Kravets ve Adam Argyle'ı takip edin. Bu iki uzman, CSS'nin karmaşık yönlerini erişilebilirlikten z-dizinine kadar her şeyi kapsayan, kolayca anlaşılır bölümlere ayırarak anlatıyor.