CSS Yorum Satırı Kodu, tüm kod ortamlarında sonradan müdahelenin daha kolay olması ve başkaları tarafından yazmış olduklarımızın daha kolay anlaşılabilmesi için yorum satırlarını sıklıkla kullanırız. CSS’de de yorum satırı kullanılabilmektedir. Bu makalemizde css yorum satırlarının kullanımını göreceğiz.
CSS’te yorum ekleme, HTML/XHTML’den biraz daha farklıdır. Yorumu satırını başlatırken ” /* ” karakterlerini kullanıyoruz(tırnaklar hariç), yorumu sonlandırmak için ise ” */ ” karakterini kullanıyoruz.
CSS’de Örnek yorum satırı oluşturma kodu
1 2 3 4 5 6 | /* Bu CSS ile her "p" etiketi içindeki yazının rengi sarı olacak ve yazılar ortalanmış olacak. Bu bir yorum satırıdır. */ p { color: yellow; text-align: center; } |
Tabi sadece not almak için yorum satırlarını kullanmıyoruz. İsterseniz kullanmadığınız css kodlarını devre dışı bırakmak için de yorum satırlarını kullanabilirsiniz.
1 2 3 4 5 6 7 8 9 | /* p { color: yellow; text-align: center; } */ p { color: blue; text-align: left; } |
Üstteki kod bloğunda gördüğünüz gibi color: yellow
ve text-align: center
olan kod bloğunu yorum satırlarına alıp devredışı bıraktık. Böylelikle yorum satırlarının kendimize sadece not almak için işe yarayan bir özellik olmadığını da canlı olarak görmüş olduk.
Not: Yorum satırlarınız eğer özel bir müdahalede bulunmadığınız ve css’leriniz paket yöneticiler tarafından yönetilmiyorsa son kullanıcı tarafında gözükecektir. O yüzden yorumları yazarken dikkatli olmak lazım. Yalnız değiliz 😊
Sonuç
CSS de yorum satırı özelliğini kullanarak kendimize notlar alabileceğimizi ya da kullanmadığımız css kodlarını devredışı bırakabileceğimizi görmüş olduk.
Kaynaklar
📚 CSS Yorum Satırı Benzeri Makaleler
✍ Lütfen CSS Yorum Satırı konulu makalemiz için olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.
🔗 Sosyal medya kanallarından CSS Yorum Satırı konulu makaleyi paylaşarak destek olursanız çok sevinirim.
👋 Bir sonraki makalede görüşmek dileğiyle.