CSS Açıklama ( Yorum ) Satırı Nedir? Nasıl Kullanılır?

Arkadaşlar bu yazımızda Css açıklama ( yorum ) satırı nedir, niçin kullanırız ve nasıl kullanacağımızı öğreneceğiz.

CSS Yorum ( Açıklama ) Satırı Nedir?

CSS kodu yazarken not almaya olanak veren aralıklara denir. Css açıklama satırları tarayıcılar tarafından okunmaz. Sadece kodu yazan kişiler için daha anlaşılır olması için kullanılır.

Örneğin 2000 satır css kodunuz olduğu düşünün, kodu yazdıktan birkaç ay sonra değişiklik yapmak istediğimizde nerede ne yazdığınızı hatırlamamız çok zordur. Bunun için css kodlarımızın arasında açıklama satırları ekleriz ve daha sonra açıklama satırlarından bulmak istediğimiz yerleri daha kolay buluruz.

Html sayfasına css kodu yazarken sayfanın menu kısmına css yazmadan bir açıklama satırı ekleriz ve buranın menunun css kodu olduğunu belirtiriz gibi…

Nasıl Kullanılır?

Açıklama yazmadan önce /* karakterlerini, açıklamayı yazdıktan sonra da */ karakterlerini yazarız. Bu karakterler arasında kalan kısım sadece kodu yazan kişiler tarafından okunur. Tarayıcılar tarafından okunmaz…

Kod Kısmı:

div {
  color:white; /* yazı rengi için yorum satırı */
  background-color:black; /* arka plan rengi için yorum satırı */
}

Örnek Kod:

charset "utf-8";
/* 
İçindekiler
1-body için css kodları
2-logo için css kodları
3-menu için css kodları

 */


/* body için css kodları */
	body {
		margin:0;
		padding:0;
		background-image:url(background1.jpg);
		background-attachment:fixed;
		background-repeat:no-repeat;
		background-size:cover;
		}

/* logo için css kodları */

	#logo_alani {
		width:980px;
		height:100px;
		float:left;
		background-color:rgba(0,0,51,.6);
		}
	#logo {
		width:80px;
		height:80px;
		float:left;
		margin:20px 0 0 20px;
		transition:all .8s ease-in-out;
		}
	
/* menu için css kodları */

	#menu_alani {
		width:980px;
		float:left;
		height:40px;
		background-color:blue;
    /*   background-color:green;  */ /* denemek için kodu yorum yaptık*/
		}
	#menu {
		text-align:center;
		}
	#menu ul {
		margin:0;
		padding:0;
		list-style:none;
		display:inline-block;
		margin:0 auto;
		}

/* 
açıklama satırı 1
açıklama satırı 2
...
 */

Yukarıdaki örnek kod kısmında görüldüğü gibi birden fazla satırda css yorum satırı olabilir.
Tavsiye olarak css kodları yazarken en üst kısmında içindekiler
şeklinde yorum satırları yaparsanız daha sonra kodları anlamak
çok daha kolay olur. Yukarıdaki örnek kod kısmında olduğu gibi…

Sadece açıklama eklemek için değil, bazen kodlarımızı yorum haline getirmek bize kolaylık sağlayabiliyor. Yazdığımız kodları denemek için yorum yapabiliyoruz. Yazdığımız kodları silersek lazım olduğunda yeniden yazmamız gerekiyor. Bunun için bütün kodlama bitinceye kadar bazı kodlarımızı açıklama haline getirmek bize kolaylık sağlıyor. Yukarıdaki örnek kod kısmında “menu-alani” kısmının “background-color” değişimi yapmak için bir rengi aktif diğer rengi pasif yaptığımız gibi…

Yorum ( Açıklama ) satırları sadece css de değil bütün kodlama dillerinde vardır. Html Açıklama Satırı yazımızı da okuyabilirsiniz.

Başka bir yazımızda görüşmek dileğiyle…

Leave a Reply