☰ Dersleri Göster

Selectors - Seçiciler (Html etiketlerini seçme)

Bu derste Html etiketlerinin nasıl seçildiğini göreceksiniz. Bu seçilme işlemi yapıldıktan sonra seçilen etikete istediğiniz style özelliklerini verebilirsiniz.

Kursa 27.99 TL'ye kayıt olmak için TIKLAYINIZ.

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    
    body{
        background:gray;
        color:white;
    }
    .elemanlar{
        color:red;
    }
    #baslik{
        background:blue;
    }
    #kurslar{
        color:hotpink;
        text-align: justify;
    }
   
    </style>
</head>
<body>
  <p id="baslik">Kaan Academy</p>
  <p id="kurslar">Kurslarımız
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet consectetur.
Lorem, ipsum dolor sit amet consectetur adipisicing.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet consectetur.
Lorem, ipsum dolor sit amet consectetur adipisicing.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet consectetur.
Lorem, ipsum dolor sit amet consectetur adipisicing.

  </p>

  <ol>
      <li class="elemanlar">Unity</li>
      <li class="elemanlar">HTML5-CSS3</li>
      <li class="elemanlar">C programlama</li>
  </ol>
</body>
</html>