Style etiketi

style etiketi, CSS'i doğrudan HTML sayfasının içinde yazmayı sağlar. style etiketinin içine yazarken, CSS dilinin sözdizimine uyduğumuzu unutmayın (seçiciler, süslü parantezler ve benzeri).

Bu etiket, head etiketi içine yerleştirilmelidir, ancak bu zorunlu değildir - style etiketi body etiketi içine de yerleştirilebilir ve bu çalışacaktır.

style etiketini kötüye kullanmamalısınız - onun yerine çoğu zaman ayrı bir CSS dosyası kullanılmalıdır.

Örnek

style etiketini kullanarak CSS'i HTML kodunun içine yazalım:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Bu bir sayfa başlığıdır</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>Bu, standart (siyah) renkte bir başlıktır.</h1>
    <p>Bu, kırmızı renkte bir paragraftır.</p>
  </body>
</html>

Ayrıca bakınız