Yükleniyor...

HTML Sınıfları

div’ten sonra yeniden kullanılabilir class etiketleri stilleri bağlar.

Ortak adlar neden daha iyi

Stilleri tutarlı tutar.

Doğrudan yanıt

class="note" yazın, paylaşın, boşlukla ayırın. CSS’te .note. Öznitelikte # yok.

📊 class in HTML vs CSS

Place	What you write	Role
HTML attribute	class="note"	Labels the element (no leading dot)
CSS selector	.note	Selects elements that have that class
Multiple names	class="card featured"	Space-separated list in HTML
Same idea in CSS	.card.featured	Element that has both classes (advanced combining)

Birden fazla öğede ortak sınıf

İki paragraf class="note".

Shared class

html

HTML Code

<p class="note">Save often.</p>
<p class="note">Use clear names.</p>
<style>
.note { color: #0b4; font-weight: 600; }
</style>

Ortak örneği okuma

ikisi note
.note grubu seçer

Bir öğede birden fazla sınıf

card ve featured birlikte.

Multiple classes on one element

html

HTML Code

<div class="card featured">
<h2>Featured tip</h2>
<p>Classes can combine on one box.</p>
</div>
<style>
.card { padding: 12px; border: 1px solid #444; }
.featured { border-color: #0a7; }
</style>

Çok sınıflı örneği okuma

iki jeton
.card + .featured

Adlandırma alışkanlıkları

Kısa net adlar.

Alıştırma

iki tip
.tip stillendir
ikinci sınıf
yazım hatasını düzelt

Kolay hatalar

class içinde #
boşluk yerine virgül
HTML’de .note

Özet

class = CSS/JS kancası
paylaş ve birleştir
sırada: id

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓

Sorular

🎯

70%

Geçmek İçin

♾️

∞

Süre

🔄

∞

Deneme

📝 Talimatlar

Her soruyu dikkatle okuyun
Her soru için en iyi cevabı seçin
Quiz'i istediğiniz kadar tekrar alabilirsiniz
İlerlemeniz üstte gösterilecek

Dil