CSS (Cascading Style Sheets) yazım kuralı, bir web sayfasının stilini belirleyen bir dildir ve belirli bir sözdizimine sahiptir. İşte temel CSS yazım kuralları:
-
CSS Kuralları:
- CSS kuralları, bir seçici (selector) ve bir grup özellik (property-value pair) içerir. Örneğin:
body { background-color: #f0f0f0; color: #333; }
- CSS kuralları, bir seçici (selector) ve bir grup özellik (property-value pair) içerir. Örneğin:
-
Seçiciler (Selectors):
- HTML öğelerini seçmek için seçiciler kullanılır. Örneğin, tüm paragrafları seçmek için:
p { font-size: 16px; }
- HTML öğelerini seçmek için seçiciler kullanılır. Örneğin, tüm paragrafları seçmek için:
-
Özellikler ve Değerler:
- Bir özellik (property) ve ona atanmış bir değer (value) içerir. Özellik ve değer arasında iki nokta üst üste ve sona noktalı virgül konulur.
h1 { color: blue; font-size: 24px; }
- Bir özellik (property) ve ona atanmış bir değer (value) içerir. Özellik ve değer arasında iki nokta üst üste ve sona noktalı virgül konulur.
-
Gruplama:
- Stil kuralları, aynı öğeler için gruplandırılabilir. Örneğin:
h2 { color: green; } p { font-family: 'Arial', sans-serif; }
- Stil kuralları, aynı öğeler için gruplandırılabilir. Örneğin:
-
Yorumlar:
- CSS'te yorumlar iki eğik çizgi veya "/" ile başlayıp "/" ile bitirilir.
/* Bu bir CSS yorumudur */
- CSS'te yorumlar iki eğik çizgi veya "/" ile başlayıp "/" ile bitirilir.
-
Uzunluk ve Renk Birimleri:
- Özelliklere değer atarken, uzunluk ve renk gibi birimler kullanılır.
margin: 10px; color: #ff0000;
- Özelliklere değer atarken, uzunluk ve renk gibi birimler kullanılır.
CSS yazım kurallarıyla ilgili bu temel bilgiler, bir web sayfasının stilini düzenlemenin başlangıç noktasını oluşturur.