DuniaTI.com

CSS : Buat Pernyataan CSS Dalam Satu Baris

Bahasa pemrograman untuk membuat tampilan situs, CSS, semakin populer. Dulu, CSS masih sangat asing bagi para Web Designer, sekarang situs tanpa CSS seperti sayur tanpa garam. Sebelum CSS populer, desain situs masih menggunakan tabel, tapi sekarang tabel semakin jarang digunakan dan mulai digantikan dengan CSS. Karena CSS bisa melakukan apa yang tabel bisa, tapi tabel tidak bisa melakukan apa yang CSS bisa, dan juga CSS lebih efisien daripada tabel. Saya ingin membagikan satu tips mengenai CSS yang bisa membuat CSS makin efisien.

The second one may look prettier but it sure doesn’t help me find anything. When looking for something in a style sheet, the most important thing is the ruleset (that’s the part before the { and } ). I’m looking for an element, an id or a class. Having everything on one line makes scanning the document much quicker as you simply see more on a page. Once I’ve found the ruleset I was looking for, find the property I want is usually straightforward enough as there are rarely that many. – Jonathan Snook, seorang desainer terkenal dari Kanada.

Jadi, dalam melakukan coding CSS, sebaiknya Anda menuliskan dalam satu baris seperti contoh ini:

element {font-size:12px; color:#444; background-color:#fff;}
#id {width:800px; font-family:Tahoma; background-color: #fefefe;}
.class {color:#00F; font-family:"Courier New";}

Dan, sebaiknya jangan coding CSS seperti ini:

element {
font-size:12px;
color:#444;
background-color:#fff;
}
#id {
width:800px;
font-family:Tahoma;
background-color: #fefefe;
}
.class {
color:#00F;
font-family:"Courier New";
}

Boleh saja Anda menuliskan seperti di atas supaya tidak ribet, tapi setelah itu Anda bisa gunakan YUI Compressor untuk membuatnya menjadi hanya satu baris saja.

Dengan begini, file CSS akan semakin kecil dan lebih cepat dibaca dan ditampilkan oleh browser.