CSS Class (Sınıf) Seçicisi:
CSS class seçicileri, bir veya birden çok HTML öğesine aynı stili uygulamak için kullanılır. Bu, belirli bir grup öğeyi seçmek ve onlara özel bir görünüm kazandırmak için kullanışlıdır.
Örneğin, HTML'de bir sınıf tanımlayalım:
<p class="renkliMetin">Bu metin renkli olacak.</p>
<p class="renkliMetin">Bu metin de renkli olacak.</p>
Ardından CSS ile bu sınıfa stil uygulayalım:
.renkliMetin {
color: blue;
font-weight: bold;
}
Bu, "renkliMetin" sınıfına sahip tüm paragraflara mavi renk ve kalın yazı stili uygular.
CSS ID Seçicisi:
CSS ID seçicileri, yalnızca bir tane HTML öğesine özel bir stil uygulamak için kullanılır. ID'ler benzersiz olmalıdır ve sadece bir HTML öğesine atanmalıdır.
Örneğin, HTML'de bir ID tanımlayalım:
<div id="banner">Bu bir banner div'i.</div>
Ardından CSS ile bu ID'ye stil uygulayalım:
#banner {
background-color: #333;
color: white;
padding: 10px;
}
Bu, "banner" ID'sine sahip div'e arkaplan rengi, metin rengi ve iç kenarlık ekler.
Eğer başka bir konu veya daha fazla ayrıntı istiyorsanız, lütfen belirtin.