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.

https://wordpress.brainytech.net/it-notions-2-yazilimda-aciklama-yorum-satirlari-onemli-mi-kod-kendini-aciklayamaz-mi/

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.

0 Comments