Şimdi Css'yi daha kolay kullanmak için bir kaç şey göreceğiz.
Gruplama
Şu kodu inceleyelim:
h2 { color: orange; }
h4 { color: orange; }
h6 { color: orange; }
Hepsinin özellikleri aynı ve bunları tek hamlede yazma ihtimalimiz yok mu? Tabiki var. İşte buna gruplama diyoruz. Gruplama şu şekilde yapılır:
h2, h4, h6 {
color: orange;
}
Bu şekilde daha kısa bir css kodu kullandık.
Özel Classlar
Şu kodu inceleyelim:
<p> 1. Paragraf </p>
<p> 2. Paragraf </p>
Ben 1.'sini normal ve 2.'sini kırmızı istiyorum. O halde css kodum 2 class şeklinde yazmam gerekiyor. Yani bir normal yapan class ve birde kırmızı yapan class. Bunun yerine özel classları kullanırız. Yani bir etiket için özel classlar vardır. Bunlar:
p.kirmizi {
color: kirmizi;
}
Bu şekilde p etiketine özel bir paragraf oluşturduk. Bunu kullanırsak:
<p class="kirmizi"> Kırmızı Paragraf </p>
Sadece "kirmizi" yazdık. "p.kirmizi" değil!
0 Yorum:
Yorum Gönder
Yorumunuz Başarıyla İletilmiştir. Kinger veya Takipçisi iseniz Puanınız Eklenecektir. Teşekkürler.