Ukuran Pixel, Ems, Percent, dan Point pada CSS

Huff... akhirnya selesai juga mengoptimalkan template BLACK N WHITE walau masih ada kekurangan tapi tidak apa2 masih bisa di optimalkan lagi :). Bay the way soal template sahabat blogger pasti tidak asing lagi dengan yang namanya CSS ( Cascading Style Sheets ) yap disini saya ingin memberikan kepada Sahabat blogger tentang sedikit pengetahuan tentang beberapa jenis ukuran dalam CSS meliputi Pixel, Ems, Percent, dan Point. Mungkin sahabat blogger sudah paham mengenai jenis ukuran dalam CSS ini tapi disini saya ingin menerangkan perbandingan ukuran antara Pixel, Ems, Percent, dan Point. Untuk lebih jelasnya yuk kita lihat Tabel Perbandingan dibawah ini :

Pixels	EMs	Percent	Points
8px	0.5em	50%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.75em	75%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
16px	1em	100%	12pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14pt
19px	1.188em	118.8%	14pt
20px	1.25em	125%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.5em	150%	18pt

Dari skema tabel diatas bisa dilihat dengan jelas bahwa perbandingan ukuran antara Pixel, Ems, Percent, dan Point sangat jauh berbeda sekali. Sebagai contoh perbandingan Pada Tabel  ukuran diatas bisa diketahui bahwa 16px = 1em = 100% = 12pt yang berarti 16 pixel = 1 ems / 100 persen / 12 point, 1 ems = 16 pixel / 100 persen / 12 point, 100 persen = 16 pixel / 1 ems / 12 point, dan 12 point = 16 pixel / 1 ems / 100 persen. Sekian artikel singkat dari saya semoga bermanfaat :)