Mutlak Uzunluk Birimleri

Inches (in)
Santimetre (cm)
Milimetre (mm)
Points (pt)

Bu uzunluk birimleri adı üzerinde mutlak uzunluklar belirlerler. Bu yüzden
sanaldoku tasarımında çok kullanışlı değillerdir çünkü bilgisayardan bilgisayara
bir çok özellik değişmektedir. Özellikler monitörlerin değişik ebatlarda
ve özelliklerde olması bu birimlerin kullanılmasını zorlaştırmaktır. 14 inch lik
bir monitörde güzel uygun görünen bir resim 17 inch’lik monitörde kötü görünebilmektedir.

Bağıl Uzunluk Birimleri

Bu kavramı bir örnekler açıklayalım.

h1 {font-size: 24px;}

h1 {margin-left: 1em}

Burada ilk önce h1 için 24 piksellik bir font büyüklüğü öngördük. Sonra soldan
içeriye doğru 1em’lik girmesini sağladık. em birimi önceden tanımlanmış
font’un büyüklüğüne eşit olacak sekilde belirlenmiştir. Bu durumda h1 soldan
içeriye 24 piksel kaydırılacaktır.
Fakat bu aşamada ince bir nokta devreye giriyor. Aşağıdaki örneği inceleyelim.

<p>Bu paragraf içerisinde <small>küçük</small>

bir kelime var</p>

small {font-size: 0.8em}

Normalde small imi içerisinde yer alan küçük” kelimesi içerisinde bulunduğu
cümleden %20 oranında kücük yazılacaktır. tarayıcılar bu işlemi gerçekleştirirken
fontun etki etttiği cümledeki x” harini referans alırlar. Ne yazık ki
her font için x” harfinin büyüklüğü değişik olacaktır. Bu sebeple kücük”
kelimesi her font için farklı büyüklüklerde gösterilecektir.

Okan ATABAĞ

Benzer Yazılar

• CSS İle Radius (Oval) Kenarlar
• CSS ve HTML Arasındaki Fark
• CSS Giriş
• CSS | Hizalama
• CSS | Renkler ve Arkaplanlar
• CSS | Fontlar
• CSS | Metin İşlemleri
• CSS | Birimler
• CSS | Söz Dizilimi
• CSS | Tarayıcıya css tanıtmak