Ayo Singkatkan Kode CSSmu

Fuih, akhirnya saya nulis juga tentang CSS, untuk yang belum tau apa itu CSS, silakan baca selengkapnya di sini Wiki CSS, disini SitePoint CSS dan disitu W3School CSS.

Font
Kamu bisa menyingkat CSS dibawah ini:

font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-family: serif

menjadi

font: 1em/1.5em bold italic serif

Penyingkatan CSS ini akan berfungsi apabila kamu mendefinisikan font-size dan font-family, jika tidak maka kode CSS diatas akan diabaikan oleh browser. Jika kamu tidak mendefinisikan font-weight, font-style atau font-varient maka nilainya akan diset normal.

Background
Memperpendek kode CSS juga dapat diterapkan pada background, seperti dibawah ini:

background-color: #fff;
background-image: url(gambar.jpg);
background-repeat: no-repeat;
background-position: top left;

menjadi

background: #fff url(gambar.jpg) no-repeat top left