1. Pengenalan
Q : Apakah CSS itu?
A : CSS (Cascading Style Sheet) adalah elemen/bagian dari HTML yg menentukan wajah/tampilan dari HTML tersebut,yang meliputi warna latar belakang, warna/jenis/ukuran huruf, gambar, dan masih banyak lagi.
2. Format umum blog Zonam
body { }
.main{ }
.header{ }
.judul{ }
.content{ }
.footer{ }
.comment{ }
.link{ }
div{ }
p{ }
a{ }
u{color: ;}
b{color: ;}
i{color: ;}
3. Untuk Mengedit Css,Masuk ke blog menu, masuk ke menu edit CSS, masukin kode2 d atas ke text area paling besar (ditengah)
4. Properti / Style
Masukkan style di bawah ini ke dalam { }
Macam-macam properti dengan urutan selector {property:nilai;}
1. color (warna huruf) diisi dengan nama warna (menggunakan bahasa inggris) atau dengan kode warna. Jika menggunakan kode warna, harus diawali dengan tanda pagar (#). Kode warna bisa dilihat disini atau menggunakan MobiColor.jar
2. background-color (warna latar belakang) sama dengan no.1. Bisa juga menggunakan gambar. Contoh background-image: url('http://wewegombelnge.kom/por.jpg');.
Untuk repeat/pengulangan : repeat-x untuk mengulang horisontal, repeat-y untuk mengulang vertikal, repeat untuk mengulang horisontal & vertikal, posisi : bottom, top, left,right, center
3. border (batas/frame) diisi dengan format nilai(ukuran jenis warna).
Ukuran diisi dengan **px (misal 1px, 2px, 3px, dst). Jenis diisi dengan bentuk border yg diinginkan (solid, ridge, double, dashed, dotted, groove, inset, outset). Warna diisi seperti no.1.
Contoh {1px solid black}
4. text-decoration (dekorasi text) diisi dengan blink (ketip2 ,p), overline (garis diatas text), line-through (garis ditengah text, underline (garis dibawah text), none (tanpa efek)
5. padding (menentukan jarak antara border dengan isinya
6. margin (menentukan jarak tiap2 elemen) diisi seperti padding
7. text-align (perataan text: diisi dengan left, right, center, justify
8. a adalah style untuk link
9. b/u/i adalah style saat huruf berada dalam bbcode [b]bold[/b], [u]underlined[/u], [i]italic[/i]
10. Lalu tekan save
untuk tutorial yang lebih lengkap silakan ke Quackit.com atau w3schools.com
Home
On:
1| Visit:
2023