sedikit tentang css

beberapa postingan terakhir dari saya, tidak ada yang membahas tentang tips. Sebenarnya si mau ngebahas html, akan tetapi html4 sebagian atributnya akan tidak berfungsi untuk kedepannya, sedangkan html5 belum suport di semua browser, ya terpaksa toturial tentang html, di lupakan(tapi suatu saat pasti akan saya bahas). Ok kali ini saya akan membahas sedikit tentang css.

1.cara membaca css;
cara membaca css sesungguhnya sangatlah mudah, yang perlu kalian perhatikan hanyalah karakter;

• #(pager)
• .(dot)
• {(buka kurung karawal)
• :(titik dua)
• ;(titik koma)
• }(tutup kurung karawal)

untuk penulisan struktur css contohnya seperti ini

selector { property:value;} =>> b.class{color:blue;}

nah jika diaktifkan maka hasilnya text tersebut akan berwarna biru.
0k, mungkin kalian bingung, contoh berikut adalah ID selector, berikut cara penulisannya;

• jika menggunakan id selector, selalu menggunakan #(pager) untuk diawal
• berikutnya tulis text idnya(terserah kalian)
• berikutnya karakter buka kurung karawal {
• setelah itu, kemudian masukkan propertinya, misal color, background, font, margin, padding, dsb
• setelah property, berikutnya ketikkan :(titik dua)/anggap sebagai = pada html
• setelah tanda : (titik), berikutnya adalah value. Value adalah nilai(bukan berarti angka) untuk properti. Misal blue, 10px, right, left, relative, dsb
• setelah memasukkan nilai value ketikkan ;(titik koma untuk menutup property dan value tadi
• nah setelah itu kalian dapat menambah beberapa property lagi, yang tentunya diikuti value dan ;(titik koma).
• jika peroperty dan valuenya telah di tambahkan jangan lupa menambahkan } (tutup kurung karawal}
• misal, seperti ini #belajarcss{color:red; background:#00ff00; border:2px;}

Ditulis oleh intheamwhy pada Kamis, November 12, 2009