Tür Seçicisi

Coddy'nin HTML Journey'sinin CSS ile Stil Verme bölümünün bir parçası. Ders 11 / 76.

Tür seçicisi olarak da bilinen öğe seçicisi veya etiket seçicisi, HTML öğelerini etiket adlarına göre hedefler. CSS'teki en basit ve en temel seçicilerden biridir.

Bir tür seçiciyi kullanmak için temel sözdizimi şöyledir:

tagname {
    property: value;
}

tagname: Biçimlendirmek istediğiniz HTML etiketinin adı (ör. p, h1, div).
property: Ayarlamak istediğiniz CSS özelliği (ör. color, font-size).
value: Özellik için ayarlamak istediğiniz değer (ör. blue, 16px).

Örneğin:

p {
    color: blue;
    font-size: 16px;
}

Bu örnekte, p tür seçicisi HTML belgesindeki tüm <p> (paragraf) öğelerini hedefler. Bildirimler, tüm paragraflar için metin rengini maviye ve yazı tipi boyutunu 16 piksele ayarlar.

Görev

Kolay

<h1>, <h2> başlıkları, <p> paragrafları ve <div> bölümleri gibi çeşitli öğeler içeren bir HTML belgeniz var. Göreviniz, bu öğeleri biçimlendirmek için tür seçicilerini kullanmaktır. Aşağıdaki adımları izleyin:

Tüm <h1> öğelerini hedefleyen bir CSS kuralı yazın. <h1> başlıklarının metin rengini darkred olarak ayarlayın.
Tüm <h2> öğelerini hedefleyen bir CSS kuralı yazın. <h2> başlıklarının metin rengini green olarak ayarlayın.
Tüm <p> öğelerini hedefleyen bir CSS kuralı yazın. Paragrafların metin rengini blue, yazı tipi boyutunu ise 18 piksel olarak ayarlayın.
Tüm <div> öğelerini hedefleyen bir CSS kuralı yazın. Bölümlerin arka plan rengini lightblue olarak ayarlayın.

GEREKLİ ÇIKTI BİÇİMİ: [Çevrilmiş içeriğiniz burada]

Kendin dene

<html>
<head>
    <title>Type Selector</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a main heading</h1>
    <h2>This is a subheading</h2>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>