CSS3: Ölçü Birimleri
15 Mar 2025
19:57
YouTube'da izle
Açıklama
Bu video, CSS3'te kullanılan ölçü birimlerini iki ana kategoride derinlemesine incelemektedir (0:02-0:14):
1. Mutlak Ölçü Birimleri (0:16-3:29):
- Ekran çözünürlüğünden veya ortamdan bağımsız olan sabit değerlerdir.
- Temel birimler: cm, mm, in, pc, pt ve en yaygın kullanılan px (piksel) (0:24-0:28).
- Piksel kavramı, modern cihazlarda fiziksel piksel ile CSS pikseli arasındaki dpr (device pixel ratio) farkı nedeniyle eski dönemden daha karmaşık bir yapıya sahiptir (1:42-2:30).
2. Göreceli Ölçü Birimleri (3:30-19:20): Belirli bir referansa bağlı olarak değişen birimlerdir:
- Metne Göre Olanlar:
- em: Mevcut ögenin yazı tipi boyutuna bağlıdır (3:47).
- rem: Kök elementin (html) yazı tipi boyutuna bağlıdır, ölçeklenebilir tasarımlar için avantajlıdır (4:26).
- Kapsayıcıya ve VPort'a Göre Olanlar:
- % (Yüzde): Üst elementin (parent) boyutuna göre şekillenir (5:43).
- vw / vh: Tarayıcının görünür alanının (viewport) genişlik ve yüksekliğinin yüzdesini temsil eder (6:04-6:25).
- vmin / vmax: Ekranın en kısa veya en uzun kenarına göre referans alan dinamik birimlerdir (6:31-7:11).