1. Font styling
Ketika styling font dengan CSS, mungkin seringkali loe pake:
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif
Hal ini bisa di pendekkan menjadi:
font: bold italic small-caps 1em/1.5em verdana,sans-serif
2. Memberi dua attribute class sekaligus
Dalam satu tag sangat dimungkinkan memberikan lebih dari satu class, sebagai contoh:
<div class=”class1 class2“>…</div>
Gunakanlah spasi sebagai pemisah (jangan gunakan comma). Jika ada rule yang overlap diantara dua class tersebut, maka rule yang akan digunakan adalah class yang terakhir (dalam hal ini class2).
3. CSS document untuk printing
Dalam css ada tag yang namanya media. Tag inilah yang bisa loe gunakan untuk print-friendly version.
<link type=”text/css” rel=”stylesheet” href=”printstyle.css” media=”print”/>
4. CSS hack
Yang pasti ini sangat populer bagi mereka yang kerjaannya di web templating, karena seringkali mendapatkan tampilan yang berbeda untuk satu template apabila di buka pada beberapa browser yang berbeda.
Ini adalah beberapa css hack code yang sering gw pake:
IE 6 and below
* html {}
IE 7 and below
*:first-child+html {} * html {}
IE 7 only
*:first-child+html {}
IE 7 and modern browsers only
html>body {}
Modern browsers only (not IE 7)
html>/**/body {}
Recent Opera versions 9 and below
html:first-child {}
Semoga bermanfaat bro~!
