Kamis, 06 Desember 2012

Mengenal CSS dan Syntax(Rumus)nya

CSS selector{property:value}
CSS merupakan singkatan dari Cascading Style Sheets. CSS pada umumnya digunakan untuk mengatur style atau tampilan halaman web yang dibuat dengan bahasa HTML,sehingga halaman HTML yang kita buat tampak lebih bagus.

Dengan CSS akan mempersingkat penggunaan tag-tag maupun atribut HTML. Dengan CSS pula akan lebih mudah jika kita ingin merubah atau mengedit tampilan suatu halaman web. Sebagai contoh, ketika suatu halaman website telah kita tanamkan file css didalamnya dan kita ingin merubah tampilan halaman itu, kita hanya cukup merubah beberapa baris pada css tidak perlu mengedit satu persatu tag htmlnya.

Syntax CSS

Syntax CSS mempunyai tiga bagian yaitu selector, property dan value.
Selector biasanya adalah elemen html yang akan kita format
Property mendefinisikan atribut, misalnya warna, jenis huruf, ukuran, dll
Value adalah keterangan dari property
Berikut bentuk awal rumusnya :
selector { property : value }
Keterangan : Rumus diawali dengan selector, di ikuti dengan property dan value yang letakkan dalam kurung kurawal, sedangkan pemisah antara property dan value adalah titik dua.
Berikut contohnya :
h1 { font-family : arial }
Rumus di atas mendefinisikan tag h1 jenis hurufnya Arial.

Dalam satu selector bisa terdiri beberapa property dan antara property satu dengan yang lain dipisahkan dengan titik koma. Berikut contohnya :
h1 { font-family : arial ; color : green; }
Rumus di atas mendefinisikan tag h1 jenis huruf Arial dan warnanya hijau.

Atau jika beberapa tag html dengan property yang sama kita juga bisa menuluskan sebagai berikut :
h1,h2,h3 { font-family : arial ; color : green; }

Antara tag yang satu dengan yang lain dipisahkan dengan tanda koma. Rumus di atas mendefinisikan tag h1, h2 dan h3 jenis hurufnya Arial dan warnanya hijau.

Advertisement :
Belajar Membuat Website Penjualan Pulsa
4 Langkah mudah membuat website untuk pemula. Ayo gabung !!! Bisnis penjualan pulsa murah yang menguntungkan,sambil bersedekah

Tidak ada komentar:

Posting Komentar

Harap berkomentar dengan kata kata yang baik dan sopan ya..:)