Archive For The “CSS” Category

Mengenal z-index pada CSS 3

Ada banyak fitur baru yang dikenalkan di CSS3, salah satunya adalah property z-index. z-index adalah sebuah property css yang digunakan untuk mengatur sebuah posisi element terhadap sumbu z. Kalau sebelumnya kita mengenal ada sumbu x (horizontal) dan sumbu y (vertikal), kali ini kita gunakan sumbu z (3 dimensi). Property z-index sendiri bukanlah pengatur element 3 dimensi, yang dimaksudkan disini…

Membuat Template Website dengan CSS bagian 1

Membuat Template Website dengan CSS bagian 1

Template atau kerangka wadah dalam sebuah website adalah sesuatu yang penting untuk diperhatikan. Template dan visual yang menarik  dalam sebuah website adalah penting agar pengunjung website merasa nyaman dan betah mengunjungi website tersebut. Artikel kali ini kita tidak membahas template yang seperti apa yang baik untuk diterapkan, tetapi di sini kita akan membuat template dari…

Perbedaan Relative dan Absolute Position dalam CSS

Perbedaan Relative dan Absolute Position dalam CSS

Pernah melihat kode CSS seperti ini “position: relative;” ? Ya, “Position” merupakan salah satu property CSS yang memiliki dua nilai yang sering digunakan, yaitu “Absolute” dan “Relative”. Lalu apa perbedaannya? Ok, kita langsung saja buat contohnya dengan membuat dua buah file “index.html” dan “style.css” yang disimpan dalam sebuah folder yang sama. Berikut kodenya :

Fungsi !important Pada CSS

Sering kita jumpai code !important pada CSS. Lalu, apa sih fungsi dari !important itu sendiri? Sebelumnya perlu kita ketahui jika pada suatu css, baik itu class, div, ataupun tag, terdapat dua kode css (property css) yang sama, maka kode yang paling bawahlah yang yang digunakan, sedangkan yang di atas tidak digunakan.

Perbedaan Selector ID dan Class dalam CSS

Dalam pengimplementasian CSS ke dalam kode html, kita memerlukan yang namanya Selector ID atau Class. Namun, apa sih perbedaan dari ID  dan Class itu sendiri? ID ID merupakan selector yang digunakan oleh satu tag html, ini adalah yang disarankan, karena ID itu sendiri hanya boleh digunakan untuk satu tag html. Penulisan di css : #header{…

Membuat Link seperti Button

Membuat Link seperti Button

Bosen melihat link seperti ini -> informatika ??? Disini kita akan membuat link tampil berbeda, dimana link akan kita sulap menjadi sebuah button hanya dengan menggunakan css! Di bawah ini adalah gambar sebuah link yang akan kita buat.

Go Top