TIKLA
  • Anasayfa
  • Favorilere Ekle
  • Site Haritası
  • https://www.facebook.com/edkirtasiye?ref=hl
  • https://plus.google.com/b/106886206509708574199/106886206509708574199/posts
  • https://twitter.com/egitimdunyamiz
Ziyaret Bilgileri
Aktif Ziyaretçi4
Bugün Toplam131
Toplam Ziyaret1365899
ANKET
Sizce Eğitim Sisteminin En Büyük Eksikliği Nedir?
Site Haritası
REKLAM4
reklam5
REKLAM2
REKLAM1
REKLAM

CSS Gruplama/Üzerine Yazma

Gruplama

Birden fazla stilde sıklıkla kullanılan CSS komutları varsa, bunları toplu olarak yazıp özelliği bir kez yazma şansına sahibiz. Buna gruplama diyoruz. Örneğe bakalım:

   h1 { color: green; }
   h2 { color: green; }
   p { color: green; }
   

Yukarıda görüldüğü gibi üç element için de tek bir özellik belirtilmiş. Bu da rengin yeşil olması. Bu kodu kısaltmak için element ve stil adlarını aralara virgül gelecek şekilde sıralayabiliriz. Şöyle ki:

   h1, h2, p { color: green; }
   

Verdiğimiz elementlerin tamamı yeşil renkli görünecektir.

Üzerine Yazma

Bazen tüm elementleri kapsayacak kodlar yazarız. Ancak bir ya da birkaç element bundan farklı olmalıdır. İşte bu durumda tüm elementlerde geçerli olan özellikleri değiştirmemiz gerekebilir.

Şu şekil bir HTML kodumuz olsun:

   

Bu bir paragraf

Bu da bir paragraf ancak farklı bir stili olacak

Bu da bir paragraf ve 1. paragraf ile aynı olacak


Tüm P elementleri için genel özellikleri belirledikten sonra, farklı olmasını istediğimiz 2. paragraf özelliklerini yeni bir stil adı oluşturarak yazıyoruz. Geriye kalan ilgili paragrafa class="stil_adı" eklemek olacaktır.

   p {
      font: 10pt Tahoma;
      color: gray;
   }
   .kirmizi p {
      color: red;
   }
   

Yukarıdaki kısım incelendiğinde tüm

elementleri 10 punto Tahoma ve gri olacaktır. Ancak class belirtip kirmizi yazdığımız P diğerlerinden farklı olarak kırmızı renkli olacaktır.

   

Genel stile sahip paragraf

Kırmızı renkli olacak paragraf

Diğer bir genel stile sahip paragraf


Yorumlar - Yorum Yaz


 TIKLA