Pengenalan CSS

Apakah CSS itu?

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. Jika diibaratkan sebuah ponsel, css adalah tema dari ponsel itu sendiri

Format umum dari css mywapblog

body { }

header { }

content { }

post { }

navigation { }

category { }

blogroll { }

footer { } ,

dan masih banyak lagi dan mungkin segitu dulu.
Sekarang kita
kenalan dulu dengan namanya css..

Property / Style

Masukkan property dan value ke dalam tanda { }

contoh: Macam-macam properti dengan urutan
selector { property:value; }

color (warna huruf)

diisi dengan nama warna ( menggunakan bahasa inggris) atau dengan kode warna.
Jika menggunakan kode warna, harus diawali dengan tanda pagar (#).

background ( latar belakang)

Bisa juga menggunakan gambar.
Contoh background-image: url (alamat gambar) ;.

Untuk repeat/ pengulangan

repeat-x untuk mengulang horisontal,
dan repeat-y untuk mengulang vertikal, no-repeat untuk tanpa pengulangan
jadi repeat untuk mengulang horisontal & vertikal, dan tanpa pengulangan

Posisi

bottom, top, left,right, center

border (frame/bingkai)

diisi dengan format nilai (ukuran jenis warna).
Ukuran diisi dengan **px
(misal 1 px, 2 px, 3 px, dst).

Jenis border

di isi dengan bentuk border yang diinginkan (solid, ridge, double, dashed, dotted, groove, inset, outset).

Warna border

diisi dengan warna terserah
Contoh {border:1 px solid black;} jadi dari contoh di atas di dapatkan bahwa bingkai berukuran 1px berjenis solid berwarna hitam

Hiasan text

text-decoration (dekorasi text) diisi dengan blink ,
overline (garis diatas text),
line-through (garis ditengah text,
underline (garis dibawah text) ,
none (tanpa efek)

padding

(menentukan jarak antara border dengan isinya ke dalam )
diisi dengan **px (1 px, 2 px, dst) .
Dapat diterapkan pada tiap2 sisi dengan menambahkan nama sisi...

Misal :
padding-left,
padding-top,
padding-bottom,
padding-right ...

margin

(menentukan jarak tiap2 elemen ke luar) diisi seperti padding ..

text-align

(perataan text: diisi dengan left, right, center, justify .

a

adalah style untuk link.

p

untuk pengaturan paragraf.

b/u/i

adalah style saat huruf berada dalam bbcode [ b]bold[ /b],
[ u] underlined[ /u],
[ i]italic[ /i].




sekian dulu dari admin mungkin hanya segini dulu,