CSS’de Gruplama
- Tarih : 5 June, 2009 ::
- Kategori : CSS
- :: Etiketler : CSS, CSS Gruplama, Optimizasyon
CSS ile web uygulamaları geliştirirken benzer tanımlamalar yapmak durumunda kalırız. Teknoloji ne olursa olsun, bir işlemin gerçekleştirilmesi için aynı kodun tekrar tekrar yazılması ciddi bir emek kaybı ve yönetilebilirlik zaafı oluşturmaktadır. CSS dosyaların optimize edilmesi ve gereksiz kural tekrarının önüne geçilmesi amacıyla mümkün olduğunca CSS seçicilerini gruplayarak, gereksiz kod yazımının önüne geçmiş oluruz.
Aşağıda gördüğünüz gibi bir CSS kod bloğu gruplanmamadan, ayrı kurallar olarak tanımlanmıştır.
.class1{
color:blue;
text-decoration:underline;
text-align:10px;
}
.class2{
color:blue;
text-decoration:underline;
text-align:5px;
}
Ortak olan tanımlamalar gruplanarak gereksiz kod yazımının önüne geçilmiş olur.
.class1, .class2{
color:blue;
text-decoration:underline;
}
.class1{
text-align:10px;
}
.class2{
text-align:5px;
}
Sonuç olarak bu şekilde hazırlanan CSS dokümanları daha yönetilebilir olurlar. Ayrıca gereksiz kural tekrarı önlendiği için dosya satır sayısı düşerek, CSS dokümanımız optimize edilmiş olur.
Fırından yeni çıkmış yazılardan haberdar olmak için RSS yayınıma abone olabilir ya da beni Twitter'dan takip edebilirsiniz.
Yorumla BakalımDaha Fazlasını Oku!
Makale Detayı
Bu Makale için toplam 5 adet yorum bulunmaktadır...
Bu Makale 5 June, 2009 ve saat 13:40 itibariyle CSS kategorisi altına kaydedilmiştir. Bu makale ile ilgili yorumları RSS 2.0 beslemesinden takip edebilirsiniz.. Bu makale için yorum yapabilir, veya kendi web sitenize trackback sağlayabilirsiniz...
CSS’de Gruplama için toplam 5 yorum var...
Yorumla
Tüm Kategoriler
- CSS (29)
- Dreamweaver (4)
- Fireworks (4)
- Genel (9)
- İzlediklerim (1)
- Javascript/JQuery (3)
- Pardus (2)
- Sorunlar ve Çözümler (6)
- Web Standartları (4)
- Web Tasarımı (11)
- WordPress (4)
- XHTML (8)
Son Yazılar
- X-UA-Compatible IE8′i Zorlamak
- Arayüzde Kedi Olmadan Fare Tutmak
- Web Tasarımında Kötü Müşteri
- XHTML ve CSS Öğrenmek İstiyorum…
- Tarayıcıya Reset Atmak!
- CSS’de Gruplama
- CSS ile Rollover Image Mantığı
- Gravatarın Yoksa Wavatarın Var
- Bir WordPress Teması da Benden
- CSS Özellik Seçiciler ile Sınıf Seçimi
- CSS’de Belirlilik (Specificity)
- Blog Ödüllerinde Ben de Varım!
- Dreamweaver CS4 Live View Özelliği
- Bir CSS Sprite Uygulaması
- PNG ve IE Transparanlık Sorunu
Etiket Bulutu
Blog Charset CSS CSS Seçiciler Design Dreamweaver DTD Encoding Entegrasyon Erişilebilirlik FIR Fireworks HTTP IE6 Image Replacement Javascript JQuery Linux Pardus Phark Quirks Mode Structure Tema W3C Web Standartları Web Tasarımı WordPress XHTML Özellik Seçiciler Özgür YazılımBağlantılar
- Adobe Istanbul
- Altuğ Orgun
- Arayüz Geliştiriciler Grubu
- Berker Peksağ
- Biraz Kişisel
- Bitli Makina
- eBurhan
- Emre Öktem
- Faruksal
- Fatih Turan
- Fatih'in Küpü
- Gökhan Arzi
- HTML Dog
- Kadir Günay on JQuery
- Karbonizma
- Murat KGirgin
- Şehriderya
- Sinerjik Blog
- Volkan Altınbaş
- Yakuter
5 June, 2009 ve saat 16:31:54'de gönderdi...
Özledik yazılarını. Daha sıkı yazılar istiyoruz
5 June, 2009 ve saat 23:50:23'de gönderdi...
ben bir ara dedim askere aldılar. Geri dönmen güzel.
6 June, 2009 ve saat 15:07:02'de gönderdi...
Hehe buralardayım sadece biraz yoğunluk var
Kolay gelsin…
6 June, 2009 ve saat 15:07:28'de gönderdi...
Teşekkürler Şenol yeni yazılarla eksiklikleri kapatırız
24 July, 2010 ve saat 13:01:30'de gönderdi...
karar verdim yazılarının hepsini okuyacağım bu 5. felan