Thursday, October 21, 2010

Penulisan Kode CSS (CSS Syntax)

Penulisan CSS
Penulisan CSS tidak bisa lepas dari dua bagian besar yaitu Selector dan Declaration. Selector merupakan kode dasar HTML yang akan diberi style tertentu misalnya heading 1 (H1) akan diberi warna font biru dengan ukuran font 15px,  paragraph (P) akan menggunakan font Arial, teks rata kiri, font size 12px dengan warna merah. Declaration bisa lebih dari satu dimana setiap declaration terdiri dari property dan value. Setiap declaration diakhiri dengan tanda titik koma(;) kecuali sebelum kurung kurawal akhir boleh dihilangkan. Penulisan declaration dapat disejajarkan dalam satu baris, tetapi untuk memudahkan pembacaan sebaiknya setiap declaration ditulis pada baris yang berbeda. Optimasi kode CSS dapat dilakukan belakangan.

Penulisan CSS
Penulisan CSS

Berikut ini adalah contoh Penulisan Kode CSS untuk memberi style heading 1 (H1) dan  paragraph (P). Style H1 : Ukuran huruf 15px warna biru, style P : jenis huuf Arial, ukuran huruf 12px, rata kiri, warna
merah.



Tampilan setelah dipublish:
Tulisan ini adalah H1
Ini adalah contoh penulisan paragraph (P) yang telah memakai kode Style CSS, nantinya setiap paragraph akan tampil seperti ini. Dengan Style CSS kita tidak perlu memberi Style untuk setiap paragprah tetapi perubahan hanya dilakukan pada Kode CSS sehingga akan lebih mempersingkat dan memudahkan pengkategorian Style

Referensi : http://www.w3schools.com