Sık kullanılan CSS birimleri

Sık kullanılan CSS birimleri

“px”, bir geliştirici ve tasarımcı için hayatın anlamı. Bir arayüzü iskeletten alıp ete kemiğe büründüren CSS’te neredeyse bütün ölçüleri piksellerle yapıyoruz. Peki, piksel kullanmanın yetersiz kaldığı durumlarda ne yapacağız? Tarayıcılardaki hızlı değişim ve gelişimle birlikte artık CSS’in çok daha fazla özelliğini rahatlıkla kullanabiliyoruz. Bu yazımızda, sizin için CSS yazarken kullanabileceğiniz birimlerden, bu birimlerin kullanım şekillerinden ve yerlerinden bahsedeceğiz.

“Em” ve “rem” kullanımı

“Em” ölçü birimi, bir sayfada body’ye tanımlanmış olan varsayılan font boyutunu referans alarak ölçü vermenizi sağlayan birimdir. Örneğin, aşağıdaki örnekte h1 elementinin font boyutu aslında 28.8px değerini alır. Çünkü, bu şekilde body’ye tanımlanmış font 16 px olduğunda, H1’e ise bunun 1.8 katı tanımlanmış olur. Bu şekilde, bir CSS yapısı oluşturduğunuzda sadece body’nin font size’ını değiştirdiğinizde sayfanızdaki bütün fontları da aynı oranda değiştirmiş olursunuz.

<body>
    <h1 class="test">Başlık Metni</h1>
</body>
<style>
  body {font-size: 16px; }
  h1 {font-size: 1.8em;}
</style>

Bu içerik ücretsiz!

Okumaya devam etmek ve SHERPA Blog okuru olmak için aşağıdakilerden birini seç. Her hafta yenileri eklenen yüzlerce içeriğe ücretsiz ve sınırsız eriş.
E-posta ile kaydol ya da giriş yap.

Benzer Yazılar

KEŞFETMEYE DEVAM ET
Ürün ve pazarlama analitiği bölüm 1: Temel farklar urun-ve-pazar-analitigi-farklari

Ürün ve pazarlama analitiği bölüm 1: Temel farklar

Gizle
KEŞFETMEYE DEVAM ET
Pixar Esanslı 5 Altın UX Prensibi

Pixar Esanslı 5 Altın UX Prensibi

Gizle