CSS (Cascading Style Sheets), web sitelerinin tasarımını ve görsel düzenini belirleyen bir stil dilidir. HTML ile oluşturulan web sayfasının iskeletini güzelleştirir, renklendirir ve düzenler. Kısacası HTML yapıyı oluşturur, CSS ise o yapıya estetik kazandırır.
CSS Ne İşe Yarar? CSS sayesinde bir web sitesinin:
Renkleri
Yazı tipleri
Yazı boyutları
Arka planları
Kenarlıkları
Buton tasarımları
Mobil uyumluluğu
kontrol edilir.
Örneğin HTML ile oluşturulan bir başlığın kırmızı renkte ve ortalanmış görünmesini CSS ile sağlayabiliriz.
CSS Nasıl Çalışır?
CSS, HTML etiketlerini seçerek onların görünümünü değiştirir. Örneğin:
PHP- Kodu:
<h1>Merhaba Dünya</h1>
PHP- Kodu:
h1 {
color: red;
text-align: center;
}
Bu kod sayesinde başlık kırmızı olur ve ortalanır.
CSS Kullanım Türleri
CSS üç farklı şekilde kullanılabilir:
Inline CSS – HTML etiketi içine yazılır.
Internal CSS – HTML dosyasının <head> bölümüne yazılır.
External CSS – Ayrı bir .css dosyasında yazılır (en profesyonel yöntem).
CSS’in Tarihçesi
CSS, 1996 yılında Håkon Wium Lie tarafından geliştirilmiştir. Amaç, HTML’den tasarım işlemlerini ayırarak web sitelerini daha düzenli ve yönetilebilir hale getirmekti.
Günümüzde CSS3 ile animasyonlar, geçiş efektleri, gölgeler ve responsive (mobil uyumlu) tasarımlar kolayca yapılabilmektedir.
CSS Neden Önemlidir?
Web sitelerini profesyonel gösterir.
Mobil uyumluluk sağlar.
Kullanıcı deneyimini artırır.
Siteyi daha hızlı ve düzenli hale getirir.
Tek dosyadan tüm site tasarımı kontrol edilebilir.
Sonuç
CSS, web tasarımının vazgeçilmez bir parçasıdır. HTML ile oluşturulan içeriği estetik ve kullanıcı dostu bir hale getirir. Modern ve etkileyici web siteleri oluşturmak isteyen herkesin HTML’den sonra mutlaka CSS öğrenmesi gerekir.