CSS etiket seçicileri, belirli HTML etiketlerini stillemek için kullanılır. Örneğin, aşağıdaki CSS kodu, “p” etiketlerini kırmızı renkli bir fontla gösterir:
Bu stili uygulamak için, HTML dosyasında “p” etiketleri kullanılır:
<p>Bu bir örnek paragraftır ve kırmızı renkli bir fontla gösterilir.</p> <p>Bu da bir örnek paragraftır ve aynı şekilde kırmızı renkli bir fontla gösterilir.</p>
|
CSS etiket Seçici Örnekleri
Örnek: h1: Bu seçici, bir başlığı kalın ve büyük bir fontla gösterir.
<!– CSS Kodu–> <style> h1 { font-size: 32px; font-weight: bold; } </style>
<!–HTML Kodu–> <h1>Bu bir örnek başlıktır</h1>
|
İlginizi çekebilir: CSS id Seçiciler
Örnek: h2: Bu seçici, bir alt başlığı kalın ve orta büyüklükte bir fontla gösterir.
<!– CSS Kodu–> <style> h2 { font-size: 24px; font-weight: bold; } </style>
<!–HTML Kodu–> <h2>Bu bir örnek alt başlıktır</h2>
|
Örnek: p: Bu seçici, bir paragrafı normal bir font büyüklüğüyle gösterir.
<!– CSS Kodu–> <style> p { font-size: 16px; } </style>
<!–HTML Kodu–> <p>Bu bir örnek paragraftır</p>
|
<!– CSS Kodu–> <style> img { border: 2px solid red; } </style>
<!–HTML Kodu–> <img src=“https://www.yazilimkodlama.com/css/css-etiket-seciciler-ve-ornekleri/resim.jpg” alt=“Resim”>
|
Daha fazla CSS konusu için CSS Dersleri bağlantısnı inceleyin.
