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:
1 2 3 4 5 | p { color: red; } |
Bu stili uygulamak için, HTML dosyasında “p” etiketleri kullanılır:
1 2 3 4 | <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.
1 2 3 4 5 6 7 8 9 10 11 12 | <!-- 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.
1 2 3 4 5 6 7 8 9 10 11 12 | <!-- 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.
1 2 3 4 5 6 7 8 9 10 11 | <!-- CSS Kodu--> <style> p { font-size: 16px; } </style> <!--HTML Kodu--> <p>Bu bir örnek paragraftır</p> |
1 2 3 4 5 6 7 8 9 10 11 | <!-- CSS Kodu--> <style> img { border: 2px solid red; } </style> <!--HTML Kodu--> <img src="resim.jpg" alt="Resim"> |
Daha fazla CSS konusu için CSS Dersleri bağlantısnı inceleyin.
