CSS (Cascading Style Sheets), web sayfalarının görünümünü düzenlemek ve biçimlendirmek için kullanılan bir stildir. HTML’in yapısını belirlemesine karşılık, CSS, HTML öğelerine nasıl görüneceğini tanımlar ve web sayfalarına renk, düzen, tipografi, boyut, arka planlar ve daha fazlası gibi stil özellikleri ekler.
CSS, ayrı bir dosya olarak tanımlanabilir ve HTML dosyasına bağlantı verilerek kullanılabilir. Ayrıca, HTML dosyasının içine <style>
etiketi içinde de tanımlanabilir. CSS, tarayıcının web sayfasını nasıl renderleyeceğini ve hangi stil kurallarını uygulayacağını belirtmek için CSS seçicileri ve kuralları kullanır.
CSS kuralları, seçiciler ve bildirilerden oluşur. Bir seçici, belirli HTML öğelerini hedeflemek için kullanılır ve bir bildiri, seçili öğelere uygulanacak stil özelliklerini belirtir. Örneğin, h1
seçicisi birinci seviye başlık öğesini hedeflerken, color: blue;
bildirisi bu başlık öğesinin mavi renkte görüntülenmesini sağlar.
CSS, web tasarımının esnekliğini artırır. Aynı HTML içeriği, farklı CSS dosyalarıyla farklı görünümlere sahip olabilir. Bu sayede, bir web sitesinin genel stilini kolayca değiştirebilir veya birden çok web sayfası üzerinde tutarlı bir görünüm elde edebilirsiniz.
CSS ayrıca stil tanımlamalarını hierarşik bir şekilde uygular. Bu “kademeli” yaklaşım, stil özelliklerini daha özel seçicilere uygulayarak önceliklendirme ve geçersiz kılma yeteneği sağlar. Bu, belirli öğelerin veya sayfaların özel görünümünü kontrol etmek için kullanışlıdır.
CSS, web tasarımını daha erişilebilir ve kullanıcı dostu hale getirmek için de kullanılır. Örneğin, medya sorguları aracılığıyla farklı ekran boyutlarına yanıt verebilen duyarlı (responsive) tasarımlar oluşturulabilir.
Sonuç olarak, CSS, web sayfalarının görünümünü düzenlemek ve biçimlendirmek için kullanılan bir stildir. HTML ile birlikte kullanılarak web sitelerinin tasarımını ve kullanıcı deneyimini geliştirmek için güçlü bir araçtır.