FrontEnd Developer RoadMap – CSS3 Tutorial 12 Yorum Satırı


Merhabalar, bu yazımda kısa bir konuya CSS içinde yorum satırı yazmaya bakacağız.

Yazılımda yorum satırları ile alakalı görüşlerimi okumak isterseniz aşağıdaki yazıma göz atabilirsiniz.

CSS açıklama satırları tarayıcıda görüntülenmez, ancak kaynak kodunuzu düzenlerken size yardımcı olur.

<style> öğesinin içine bir CSS açıklama satırı yerleştirilir bu açıklama satırı, /* ile başlar */ ile biter.

/* Bu alan açıklama satırını göstermektedir. */

h1 {
  color: yellow;
}

Kod alanında istediğiniz yere açıklama satırı ekleyebilirsiniz.

h1 {
  color: yellow;  /* Bu alan açıklama satırını göstermektedir. */
}

Açıklama satırları ayrıca birden çok satıra yayılabilir.

/* Bu alan
çoklu açıklama satırı
kullanımını göstermektedir. */

p {
  color: red;
}

Bir Html dosyası içinde toplu halde bakalım.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>

        /* Yorum Satırı Bu Şekilde Yazılır */
        
        h1{
            color: khaki;
            font-size: 30px;
            text-align: center; /* Text-align yazının konumunu belirtir. Left - Right - Center vb değerler alır */
        }

        p{
            font-size: 10px;
            color: lawngreen;
            background-color: lightseagreen; /* Arka Plan rengini değiştirir. */
        
        }

    </style>

</head>
<body>

    <h1>Brainy Tech</h1>

    <p>Lorem ipsum dolor sit amet consectetur.</p>
   
</body>
</html>

Bir sonraki yazımda görüşmek üzere.

Exit mobile version