CSS’in Temel Kavramları

CSS (Cascading Style Sheets), web sayfalarının görünümünü düzenlemek için kullanılan bir stil dilidir. Aşağıda CSS’in temel kavramları açıklanmıştır.

Seçiciler

Seçiciler, CSS ile hangi HTML elemanlarının stilinin değiştirileceğini belirtir. Yaygın seçici türleri şunlardır:

• Etiket Seçicisi: Belirli bir HTML etiketine (ör. p, h1) uygulanır.
• Class Seçicisi: Bir class ile işaretlenmiş elemanları hedef alır (ör. .classAdı).
• ID Seçicisi: Tekil bir elemanı hedefler (ör. #idAdı).

Stil Özellikleri

Stil özellikleri, elemanların görünümünü değiştirir. Önemli özellikler:

• Renk: Yazının ve arka planın rengi belirlenir.
• Yazı Tipi: Yazı fontu ve boyutu ayarlanır.
• Kenarlık: Elemanların çevresinde kenarlık oluşturulur.
• Boşluk: Elemanlar arasındaki boşluk ayarlanır (margin, padding).

Box Model

Box model, her HTML elemanının bir kutu olarak düşünüldüğünü belirtir. Box model bileşenleri:

• Content: İçerik alanı.
• Padding: İçerik ile kenarlık arasındaki boşluk.
• Border: Padding ile dışarısı arasındaki kenarlık.
• Margin: Kenarlık ile diğer elemanlar arasındaki boşluk.

Konumlandırma

Elemanların sayfadaki konumunu belirlemek için kullanılır. Konumlandırma türleri:

• Static: Varsayılan konumlandırma.
• Relative: Normal konumuna göre kaydırılır.
• Absolute: En yakın konumlandırılmış üst elemana göre konumlanır.
• Fixed: Sayfa kaydırılırken sabit kalır.

Medya Sorguları

Medya sorguları, farklı cihazlarda uyumlu tasarım sağlamak için kullanılır. Örneğin, ekran boyutuna göre stiller değiştirilebilir. Bu kavramlar, CSS’in temel yapı taşlarıdır ve etkili bir web tasarımı oluşturmak için önemlidir.