Evrensel Seçici

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

Evrensel seçici, bir sayfadaki tüm HTML öğelerini hedefleyen güçlü bir CSS seçicisidir. Yıldız işaretiyle (*) gösterilir.

Kullanıldığında evrensel seçici, türü, sınıfı veya ID’si ne olursa olsun belirtilen stilleri tüm öğelere uygular. Tarayıcılar, sizin stillerinizden önce kendi varsayılan stillerini uygular (örneğin başlıkların ve paragrafların etrafındaki kenar boşlukları ve listelerdeki iç boşluklar); bu nedenle evrensel seçici, genel stiller belirlemek veya tarayıcıların bu varsayılanlarını belgenin tamamında sıfırlamak için kullanışlıdır.

Evrensel seçiciyi kullanmanın temel söz dizimi şöyledir:

* {
    property: value;
}

Örneğin, sayfadaki tüm öğeler için varsayılan metin rengini ve yazı tipi boyutunu ayarlamak istediğinizi varsayalım. Evrensel seçiciyi şu şekilde kullanabilirsiniz:

* {
    color: black;
    font-size: 14px;
}

Görev

Kolay

Başlıklar (<h1>, <h2>), paragraflar (<p>) ve bir bölüm (<div>) dahil çeşitli öğeler içeren bir HTML belgeniz var. Göreviniz, bu öğeleri biçimlendirmek için evrensel seçiciyi kullanmaktır. Aşağıdaki adımları izleyin:

Tüm öğelerin metin rengini darkgray, yazı tipi boyutunu ise 16 piksel olarak ayarlayan, evrensel seçiciyi kullanan bir CSS kuralı yazın.

Kendin dene

<html>
<head>
    <title>Universal 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>