Articles by "CSS"
Tampilkan postingan dengan label CSS. Tampilkan semua postingan
Cara Menambahkan Menu Drop Down Multi Coloumn Pada Blog - Menu drop down multi coloumn yaitu menu seperti gambar di bawah ini :
 |
| Menu Drop Down Multi Coloumn |
Langkah membuatnya yaitu:
Setelah kita bahas tentang Apa itu CSS?, Selector pada CSS, cara menghubungkan CSS dengan HTML , tentu kita sudah mengetahui maksud dari bagan sytax CSS yaitu .selector{Property:Value;} , tentu kita sudah paham dan hapal syntaxnya, tinggal kita pelajari nama-nama properti dan valuenya, dan kita terapkan ke dalam bagan syntax CSS, selamat mencoba dan berikut daftar Properti beserta Valuenya :
Seperti yang telah kita ketahui pada Selector Pada CSS, bahwa bagan dari Syntax CSS adalah .Selector{property:value;} atau #selector{property:value;} maka kita berlanjut pada pembahasan tiap property, dan kini kita bahas Property background.
Jenis-jenis property background pada CSS :
Selector adalah nama yang dibuat pada CSS untuk menghubungkan CSS dengan HTML. Pada setiap selector CSS sering kita melihat diawali dengan " # "(tanda pagar) dan " . "(tanda titik). Fungsi dari tanda pagar atau titik ini hanya untuk membedakan selector yang ada pada HTML. Misalkan kita sering menemui kode < Div id="namaselektor" > lalu ditutup dengan </div> juga sering kita temui < Div Class="namaselektor" > lalu ditutup dengan </div>.
Sebagaimana telah dijelaskan pada postingan Menghubungkan CSS dengan HTML, bahwa cara menghubungkan CSS dengan HTML bisa melalui Internal, External, dan Inline. kali ini kita akan membahas Cara Menghubungkan CSS dengan HTML Secara Inline.
Perlu kita ketahui bersama, bahwa CSS itu bisa kita masukkan atau selipkan ke dalam tag HTML, seperti <head>, <title>, <body>, <p> dan lain sebagainya.
Menghubungkan CSS dengan HTML secara External berbeda dengan Menghubungkan CSS dengan HTML secara Internal, perbedaannya terletak pada Property CSSnya, kalau secara Internal semua property CSS ditempatkan pada halaman HTML, sedangkan External semua property CSS ditulis pada halaman berbeda dan disimpan dengan extensi .css.
Pada saat kita mau menambahkan CSS dengan cara internal, kita harus menambahkan tag <style> dan ditutup dengan </style>. tag tersebut ditaruh pada halaman html dan ditempatkan diantara <head> dan </head> seperti contoh di bawah:
CSS sering digunakan untuk melengkapi sebuah design website, mengingat antara CSS dan HTML adalah sebuah bahasa pemrograman yang saling terpisah, maka harus dihubungkan. Dengan kita membuat style pada CSS, kita dapat mendesign website, tanpa kita mengulang mengetik kode berulang-ulang pada halaman html kita, kita cukup mengetik kode pada CSS, dan menghubungkan ke halaman HTML, dan tinggal menghubungkan saja ketika pada bagian halaman itu terdapat banyak style yang sama tanpa harus mengetik ulang pada bagian halaman HTML itu, memang sih tinggal copy paste saja, beres, tapi dampak terhadap halaman HTML tersebut bisa menjadi lambat ketika loading.
CSS adalah singkatan dari Cascading Style Sheet , definisinya adalah sekumpulan code pemrograman web yang berfungsi untuk mengendalikan beberapa komponen didalam web sehingga menjadi tampak seragam, berstruktur dan teratur. CSS inilah yang bertanggung jawab atas penampilan web anda dimata pengunjung melalui browser internet.
Langganan:
Postingan (Atom)