CSS nedir? class, renk ve flex

HTML sayfanın sözleridir. CSS o sözlerin rengi, boyutu ve yeridir. Stil style etiketinin içine yazılır.

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      h1 { color: #2f6bff; }
      .card {
        background: #101826;
        color: white;
        padding: 16px;
      }
    </style>
  </head>
  <body>
    <h1>Nibras</h1>
    <p class="card">This box has a class.</p>
  </body>
</html>

class bir ada stil bağlar. Nokta class içindir: .card. flex öğeleri yan yana dizer.

.row {
  display: flex;
  gap: 12px;
}
.row p {
  background: #1c2740;
  color: white;
  padding: 12px;
}

HTML'de ise şöyle çağrılır: <div class="row"><p>Bir</p><p>İki</p></div>.

CSS HTML'in yerine geçer mi? Hayır. HTML yapı, CSS görünümdür.

class ne işe yarar? Aynı stili birkaç öğeye vermek için.

color nereye yazılır? Seçicinin içine: h1 { color: #2f6bff; }.

flex ne yapar? Alt öğeleri bir satıra, yan yana koyar.