Atölye › Kartvizitim › 4/12. adım
HTML sayfada ne olduğunu söyler; nasıl görüneceğini ise CSS söyler: renkler, yazı tipleri, boşluklar, kenarlar...
CSS, sayfanın görünmeyen baş kısmına (<head>) bir <style> etiketi içinde yazılır. İlk kuralımız bütün sayfa
için: daha sade bir yazı tipi ve yumuşak bir arka plan rengi.
```html
<style>
body {
font-family: sans-serif;
background: #f1f5f9;
}
</style>
```<style> ... </style> → içine CSS yazılan etiket. <head> içinde durur, kendisi görünmez.body { → bir CSS kuralı başlıyor. body seçici: "bu kural sayfanın gövdesi için". Süslü parantez
içinde kuralın ayarları var.font-family: sans-serif; → her ayar özellik: değer; biçimindedir. Yazı tipi: sans-serif, harflerin
ucunda küçük çıkıntılar (tırnak) olmayan sade yazı.background: #f1f5f9; → arka plan rengi: çok açık gri-mavi. Satır sonundaki ; ayarı bitirir.} → kural bitti.<style> bloğunu <head> içinde, <title> satırının altına yaz. Çalıştır: yazı tipi ve arka plan değişmeli.
Beceriler: CSS ile görünüm
← Bir kutuya koy Kutuyu karta benzet →