CSS Dersleri

CSS İpuçları - 2

Fatih Hayrioğlu

Fatih Hayrioğlu

CSS ile sayfa planlama ve gelişmiş sayfa tasarımlarında başınıza bir çok hata gelebilir. Bu gayet normal bir haldir. Mesele bu hataları çözmektir. Hata çözmede izlenecek yöntemlerden bir tanesi elementlere kenar çizgisi(border) atamaktır.

{% highlight css %} li a { border: 1px solid red; } {% endhighlight %}

Diğer bir yöntemde elemente ardalan rengi(background-color) uygulamaktır.

CSS kodu;

{% highlight css %} .icerikalani { background-color:#999; } {% endhighlight %}

Böylece elementin etki alanı görülecek ve hatayı tespit kolaylaşacaktır.

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