Yorumlar ve boşluk

CSS yorumlarını ve girinti ile okunabilir kod yazmayı öğrenirsin.

CSS yorumları

CSS'te yorumlar /* ... */ biçiminde yazılır. Açılış ve kapanış işaretleri arasında istediğin kadar metin olabilir; tarayıcı bunları okumaz.

Yorumlar koda açıklayıcı notlar bırakır: 'bu bölüm başlığı biçimler', 'bu kısım geçici' gibi. Dosyanın başına bırakılan bir yorum dosyanın ne işe yaradığını anlatır. Takım arkadaşların — ve gelecekteki sen — teşekkür edecek.

Girinti ve okunabilirlik

CSS boşluklara karşı kayıtsızdır; tarayıcı ek boşlukları ve satır kırılımlarını yok sayar. Ama insan gözü için girintili kod çok daha okunabilir.

Yaygın bir yöntem: her bildirimi kendi satırına yaz, özellik ve değerini iki boşluk girintile. Süslü parantezleri aynı sütuna hizala. Böylece bir bölümün bitip diğerinin başladığı anlaşılır.

Uygulama Yorum ve girintili h2 bölümü yaz

Üstüne /* Başlık biçimi */ yorumunu, altına bir h2 bölümü ekle. İçine color: maroon bildirimini yaz. Bildirimi girintili koy ki kodun okunaklı olsun.

Örnek çözümü göster

/* Başlık biçimi */
h2 {
  color: maroon;
}

Kendini test et

CSS yorumları ne işe yarar?
```
/* body bölümü: varsayılan yazı rengi */
body {
  color: #222;
}
```
- Kodu sıkıştırıp dosya boyutunu küçültür
- Tarayıcıya hangi CSS sürümünü kullanacağını söyler
- HTML belgesine dış bağlantı ekler
- Koda açıklayıcı notlar bırakır; tarayıcı bunları yok sayar
Cevabı göster

Koda açıklayıcı notlar bırakır; tarayıcı bunları yok sayar — Doğru. Yorumlar koda not bırakır; tarayıcı bunları okumaz.

CSS yorumunu kapat

/* body bölümü ____
body {
  color: #222;
}

Cevabı göster

/* body bölümü */
body {
  color: #222;
}

İşaretleri anlamıyla eşleştir

/* ... */

CSS yorumu
{ }

bildirimleri sarar
;

bildirim ayırıcı
İki boşluk

yaygın girinti

Sıradaki ders: Cascade ve inheritance

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler