SEO (Arama Motoru Optimizasyonu) Mikro İnteraktif ÜCRETSİZ - Google Play'den İndirin

İki Sınıfı Aynı Anda Kullanmak

CSS'ni hazırladığınız bir projede bazı elementlere aynı anda farklı sınıflar uygulamak için gereken örneğimiz.

CSS ile tasarım giydirmesi yaparken ihtiyaç duyduğumuz kısımlardan birisi de bir nesneye ait birden fazla css niteliği belirtme gereği duyarız. Mesela, bir yazı düşünelim. O yazı hem kırmızı hem italik hem de 24px boyutlarında olmasını sağlayalım. Ama bunu yaparken tek bir css sınıfı ile değil de birkaç css sınıfını kullanarak yapmaya çalışalım.
CSS Sınıflarımız
.kirmizi{color:red;}
.italik{font-style:italic;}
.f-s24{font-size:24px;}

Görüldüğü üzere 3 tane CSS sınıfı hazırladık. Bunu HTML tarafında bir nesnede uygulayalım.
Örnek 1: Kırmızı ve İtalik Yapalım
<span class="kirmizi italik">Buradaki Yazı Hem Kırmızı Hem de İtalik Olacak</span>

Örnek 1 Sonuç
Buradaki Yazı Hem Kırmızı Hem de İtalik Olacak

Örnek 2: Kırmızı, İtalik ve 24px Yapalım
<span class="kirmizi italik f-s24">Buradaki Yazı Hem Kırmızı Hem İtalik Hem de 24px Olacak</span>

Örnek 2 Sonuç
Buradaki Yazı Hem Kırmızı Hem İtalik Hem de 24px Olacak

Yorumlar

Henüz hiçbir yorum yazılmamış. İlk yorumu siz yapın.

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

Çizgi Filmler

INSTAGRAM VIDEO İNDİR

Instagram Video İndirme Aracı

EN

  • Popüler
  • Yeni
  • Son Yorum