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 her HTML öğesini hedefleyen CSS içindeki güçlü bir seçicidir. Bir yıldız işareti (*) ile gösterilir.

Kullanıldığında, evrensel seçici, türlerine, sınıflarına veya ID'lerine bakılmaksızın belirtilen stilleri tüm öğelere uygular. Bu, tüm belge genelinde global stiller ayarlamak veya varsayılan stilleri sıfırlamak için yararlı olabilir.

Evrensel seçiciyi kullanmak için temel sözdizimi şöyledir:

* {
    property: value;
}

Örneğin, bir 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 olmak üzere ç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 ve yazı tipi boyutunu 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>