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