Selasa, 15 September 2015

Cara transformasi sebuah element menggunakan CSS

Cara memutar sebuah element menggunakan css memerlukan property transform. Property transform dapat juga untuk scale, move, skew. penggunaan property transform pada tiap browser berbeda namum secara umum penulisan transform sebagai berikut :

Senin, 14 April 2014

Cara Mudah Membuat Dropdown Menu Menggunakan CSS untuk Web Template

Setelah melakukan blogwalking, ada beberapa template blog yang sangat menarik perhatian saya, yaitu dorpdown menu.
Setelah saya pelajari bagaimana membuat dropdown menu, berikut akan saya jelaskan secara gamblang bagaimana membuat dropdown menu yang paling sederhana.
OK kita ikuti langkah-langkah nya setahap demi setahap.

Minggu, 13 April 2014

Bagaimana Menggunakan HTML Editor sebagai tools Latihan online untuk CSS HTML dan Javascript

Jika anda sedang berlajar CSS HTML atau Javascript, tentu anda membutuhkan sebuah tools. Pada tips kali ini saya mempublikasikan sebuah tools sederhana untuk anda yang hendak membutuhkan tools secara online.
langkah-langkahnya sebagai berikut :

Sabtu, 12 April 2014

Satuan panjang pada CSS

Cara penulisan satuan panjang pada CSS dibedakan menjadi 8 satuan. yaitu px, em, pt,  pc, cm, mm, in, dan %
  1. px
    px adalah satuan berdasarkan pixel contoh
    width:12px
  2. em
    em adalah satuan untuk menentukan nilai ukuran font. misal "2em" maksudnya adalah ukuran font menjadi 2 kali ukuran font yang sedang digunakan
    font-size:2em
  3. pt
    pt adalah satuan untuk ukuran dalam point, yang biasanya digunakan pada style sebelum di cetak/print
  4. %
    % adalah satuan yang digunakan untuk ukuran lebar atau tinggi, misalkan
    div{width: 80%;}
    berarti lebar tag div sebesar 80% dari ukuran jendela

Tiga Cara Menggunakan CSS pada HTML

Cara penerapan CSS pada HTML dibagi menjadi 3 cara, yaitu : langsung, internal dan eksternal

Langsung

Penggunaan CSS pada html secara langsung ditulis pada tag HTML sebagai atribut. Contohnya sebagai berikut :

<div style="text-align:left">.....</div>

cara ini sangat kurang efesien, sehingga saat mengedit HTML akan memberikan kesan berantakan.