CSS İpucu 16: Evrensel seçicilerde yazıtipi kısaltması kullanımında sorun

Evrensel seçicisi olan olan * ile yaptığımız font tanımları sorun çıkarıyor. Örneğin

:::css
 * {
	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.

:::css
*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.5em;
}

Read more

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

Bir önceki yazımda bahsettiğim gibi CSS'in yeni özelliklerinin bazıları çığır açan özellikler, bazıları kulllanıcı deneyimini iyileştirme yönünde özellikler bazıları da lightdark() fonksiyonu gibi yazım kolaylığı sağlayan özellikler. lightdark() fonksiyonu mevcut uyumlu web yazımındaki büyük sorun olan aşağıdaki kullanımı daha anlaşılır ve düzenli hale getirmeye yarıyor. :root { color-scheme: light

By Fatih Hayrioğlu