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.


Murat Bilginer
21 Şubat 1992'de doğdum. Endüstri Mühendisi olarak lisansımı 2016 yılında tamamladım. Industryolog Akademi - NGenius oluşumlarının kurucusuyum. Şu anda kendi şirketim Brainy Tech ile Web ve Mobil Geliştirme, AWS, Google Cloud Platform Sistemleri için DevOps, Big Data Analiz ve Görselleştirme hizmetleri sunmakta ve Online Eğitimler vermekteyiz.