‘Evrensel-Seçiciler’ etiketi için sonuçlar
CSS Seçicilerinin Optimizasyonu
Mayıs 30th, 2010 • 11 yorum CSS
Etiketler: Evrensel-Seçiciler, Id-Seçicisi, optimize, performans, seçici optimizasyonu, Torun-Seçicisi
Bu konuyu hiç yazmayı düşünmüyordum, Writing Efficient CSS for use in the Mozilla UI makalesini okuyan kadar. Bu makaleyi okuduğumda bir şeyleri yanlış bildiğimi gördüm ve düzeltmek için bu konu hakkında biraz araştırma yapmam gerektiğini düşündüm ve bu makale çıktı. Bende yeni çok şeyler öğrendim. Aslında makalede 10 senelik bir makale, 10 sene sonra tekrar ısıtılıp yayına konmuş.
Web sitelerini kodlarken ve kodlama sonrasında en çok önem verilen alanlardan biridir optimizasyon. Web sitelerinin optimizasyonunda çok fazla ince eleyip sık dokuyoruz. 1 Kbyte’ın bile hesabını yapar olduk. İnternete bağlanma hızları ne kadar artsa da internete bağlanan insan sayısı daha hızlı arttığı için her zaman daha optimize web siteleri önem kazanacaktır. Biz bununla alakalı olarak burada CSS Seçicilerinin optimum kullanılmasını irdeleyeceğiz. Okumaya devam edin »
CSS İpucu 16: Evrensel seçicilerde yazıtipi kısaltması kullanımında sorun
Mayıs 30th, 2008 • 9 yorum CSS, XHTML
Etiketler: CSS, Evrensel-Seçiciler, tüm-elemanlar
Evrensel seçicisi olan olan * ile yaptığımız font tanımları sorun çıkarıyor.
Örneğin
* {
font:10px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
Tanımını yaptığımızda sayfalarımızda tanımladığımız <strong> ile kalınlaştırdığımız metinler normal görünüyor.
Bunun sebebi yukarıda yaptığımız tanım. Bunu yerine tek tek tanım yaparsak sorun kalmıyor.
*{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:1.5em;
}
CSS’in Yapısı
Haziran 20th, 2006 • 70 yorum CSS, Web Standartları, XHTML
Etiketler: CSS, css yapı, etiket, Evrensel-Seçiciler, Gruplama, Id-Seçicisi, özellik, Sınıf Seçicisi, Web Standartları, XHTML
CSS’in Yapısı
CSS’in yapısı iki ana kısımdan oluşur. Seçiciler(Selector) ve Bildirim Bloğu(Declaration Block). Bildirim Bloğuda iki ye ayrılır. Özellik(Property) ve Değer(Value). Okumaya devam edin »
