Web Sayfalarında Kullanılan CSS Birimleri

CSS, web sayfalarında stil ve düzen için çeşitli birimler kullanır. Bu birimler genel olarak iki kategoriye ayrılır: mutlak birimler ve görece birimler.

Mutlak Birimler

• px: Piksel, en yaygın kullanılan birimdir. Ekrandaki en küçük bileşeni temsil eder.
• pt: Nokta, genellikle basılı medyada kullanılır. 1 pt, 1/72 inç'e eşittir.
• cm: Santimetre, fiziksel uzunluk birimidir.
• mm: Milimetre, yine fiziksel birimdir.
• in: İnç, fiziksel uzunluk birimidir. 1 inç, 2.54 cm'ye eşittir.

Görece Birimler

• em: Bağlı olduğu öğenin font boyutuna göre değişir. Özellikle yazı boyutlarında kullanılır.
• rem: Kök öğenin font boyutuna göre değişir. Daha tutarlıdır.
• vh: Görüntü alanının yüksekliğinin yüzdesi. 1vh, görünüm yüksekliğinin %1'ine eşittir.
• vw: Görüntü alanının genişliğinin yüzdesi. 1vw, görünüm genişliğinin %1'ine eşittir.
• vmin: Genişlik veya yükseklikten en küçüğünün yüzdesi.
• vmax: Genişlik veya yükseklikten en büyüğünün yüzdesi.

Bu birimlerin doğru kullanımı, tasarımın farklı cihazlarda tutarlılığını sağlar.