Hai teman-teman semuanya, apa kabar semuanya? gimana masih pada semangat belajarnya, oke kita lanjut lagi pembahasan kita tentang CSS, pada tutorial kali ini kita akan membahas tentang ukuran pada css yang akan kita bahas pada tutorial kali ini yaitu mengenal pixel dan em pada satuan css.

Kita yang sering bergelut dengan pemrograman css pasti sering mendengar atau menuliskan px dan em ketika kita ingin memberikan nilai ukuran biasanya di font, nah mungkin teman-teman juga bingung kenapa ketika ukuran kita berikan nilai 1px berbeda dengan ketika kita menuliskan 1em.

Kita akan bahas satu per satu, :

  1. Pixel

Pixel ini adalah satuan ukuran yang sering digunakan oleh kita sebagai programmer, tetapi satuan ini hanya cocok digunakan oleh elemen yang berukuran akurat, tidak terpengaruh oleh elemen disekitarnya atau induknya.

2. em ( emphasis)

Satuan em atau emphasis ini bisa kita sebut satuan yang besarnya lebih besar dari pixel, satuan ini bernilai 16X lebih besar dari satuan pixel, akan tetapi untuk ukuran em atau (emphasis) ini mempunyai ketentuan, ukuran ini mengacu pada induk dari element yang kita berikan stylle font-size, sebagai contoh kita punya induk atau pembungkus element dimana dia memiliki style font-size 14px dan child atau anaknya memiliki property font-size: 1.7em, maka hasil yang akan ditampilkan adalah 14px * 1.7em = font yang tampil.

Jadi itulah penjelasan singkat tentang perbedaan pixel dengan em(emphasis), gimana teman-teman? untuk tutorial kali ini tentang mengenal pixel dan em pada satuan css saya rasa cukup sampai disini dulu, semoga tutorial kali ini dapat bermanfaaat untk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih.