CSS

Display CSS

Salah satu hal yang paling susah dalam membuat sebuah webpage tanpa menggunakan tabel adalah penggunaan line break secara otomatis. Misalkan saja kita memiliki sebuah paragraph dan kita ingin mengatur bagaimana paragraph tersebut ditampilkan. Apakah text paragraph tersebut ditampilkan dalam satu…Continue Reading →

class VS id CSS

Penjelasan id Fungsi ID hampir sama dengan class yaitu membuat sebuah element HTML berpenampilan berbeda dengan yang lainnya. Lihat contoh dibawah untuk aturan penulisan. Code CSS id: p#contohID1 { background-color: aqua; } p#contohID2 { background-color: fuchsia; } Code HTML id:…Continue Reading →

Float CSS

Floating berarti menempatkan element di salah satu sisi dan menempatkan element lainnya disebelahnya. float image Kita bisa menempatkan text disekitar image dengan menggunakan attribute float. Ada dua pilihan untuk attribute float yaitu menempatkan text disebelah kiri atau disebelah kanan. Lihat contoh…Continue Reading →

Layers CSS

Berdasarkan tutorial sebelumnya ada kemungkinan bahwa element HTML bergeser dan menumpuk. Dengan CSS maka kita bisa memodifikasi element mana yang akan ditampilkan paling atas dan element berikutnya sampai element paling bawah. Dengan CSS maka kita bisa menentukan prioritas untuk setiap…Continue Reading →

Position CSS

Dengan skill position CSS maka kamu akan bisa memodifikasi posisi dari semua element HTML. Beberapa keistimewaan menggunakan CSS dibandingkan menggunakan HTML ataupun JavaScript untuk positioning yaitu penulisan code yang lebih mudah dan web loading yang lebih cepat. Position relative Position…Continue Reading →

Properties CSS

Di dalam code CSS kita mengenal tiga komponen yaitu selector, property, dan value. Khusus untuk property, kita bisa membagi property ini kedalam beberapa kelompok. Font properties Font property berhubungan dengan semua modifikasi tampilan pada font.  Property Value font font-family font-name…Continue Reading →

Mouse Cursor CSS

Trick CSS berikut ini bisa kamu lakukan untuk membuat mouse cursor icon berubah saat dilayangkan diatas text. Cursor icon Mouse cursor icon bisa kamu rubah menjadi beberapa bentuk. Dibawah ini adalah daftarnya: default – Menampilkan cursor mouse icon default wait…Continue Reading →

Link CSS

Salah satu fungsi dari CSS yang menakjubkan dan bisa kita gunakan adalah kemampuannya untuk memodifikasi tampilan dari anchor tag atau yang lebih kita kenal dengan link. Link states Kalau sebuah text link kita teliti lebih lanjut maka sebuah link memiliki…Continue Reading →

List CSS

Kalau berbicara mengenai cara membuat list menggunakan HTML maka kita mengenal ada dua bentuk list yaitu ordered list dan unordered list. Dengan modifikasi CSS maka kamu bisa menambahkan lagi satu jenis list yaitu menggunakan image sebagai pengganti symbol angka maupun…Continue Reading →

Border CSS

Salah satu modifikasi CSS yang paling berguna untuk mempercantik tampilan sebuah content adalah border. Dengan memodifikasi border maka kita bisa menampilkan sebuah element dengan lebih menarik yaitu dengan memberikan tampilan garis di sekelilingnya element. Border style Ada berbagai macam jenis…Continue Reading →