Dalam sebuah element css, terdapat banyak sekali properti yang bisa dipadukan. Properti inilah yang memberikan efek secara otomatis. Setiap properti pastinya akan dikuti oleh nilai atau value dibelakangnya.
Sekarang kita coba kembali membuat css, dimulai dengan css kosong terlebih dahulu. Copy css class berikut dan tempatkan di file "global_stylesshet.css".
Sekarang kamu memiliki css class kosong dengan nama selektor adalah .menu. Selanjutnya masukkan satu persatu kode properti dibawah ini didalam tanda deklarasi. Kode properti dibawah merupakan kode properti yang paling sering digunakan dalam sebuah css.
1. margin:1px; (ubah besaran px sesuai keinginan)
2. padding:2px;
3. background-color:#ffffff;(untuk warna latar)
4. color:#000000; (untuk warna teks, klik disini untuk melihat kode gradasi warna lainnya)
7. border: #000000 solid; dalam penulisan border bisa dilakukan dengan banyak cara. Seperti kita hanya ingin memunculkan border untuk bagian bawah saja. Maka perintahnya akan seperti ini border--bottom:#000000 1px solid; begitupun dengan sisi lain. Bagian atas top, kanan right, kiri left. Dalam beberapa kode semua bisa dituliskan dalam satu value seperti border: black white green red 1px solid;. Penulisan seperti ini akan otomatis memberikan efek warna berbeda pada keempat sisinya.
keterangan nilai atau Value : Untuk value biasanya didominasi oleh ukuran, warna, dan gaya. Ukuran dibuat dalam satuan "px" atau "%" , warna dengan kode gradasi atau menuliskan lansung nama warna seperti "skyblue", "red", "yellow", "brown".
Sekarang cobalah memasukan perintah properti kedalam css, jika sudah untuk penggunaanya panggil dengan html kode berikut.
Sekarang buatlah css class yang berbeda. Dan susun dari header sampai footer wap kamu.
