Jumat, 12 Desember 2008

Cascading Style Sheets (CSS)

CSS merupakan mekanisme kumpulan style yang digunakan untuk pemformatan tampilan halaman web.
Bahasa CSS bersifat mudah ditulis dan dibaca serta mengekspresikan style dalam terminologi
dekstop publishing yang umum. CSS berasal dari ide memisahkan aspek penyajian halaman dan
isi dari halaman itu sendiri. Dalam kenyataan, perkembangan HTML menjadi kurang praktis
karena halaman web terlalu banyak dibebani hal-hal yang berkaitan dengan faktor tampilan.


Sintaks


Sintaks CSS di buat atas tiga bagian, yaitu selector, property, value.
Bentuk susunannya adalah sebagai berikut :
1. selector dengan satu property
selector {property:value[;]}
2. selector dengan beberapa property
selector {property_1:value_1;property_2:value_2;..;properti_n:value_n[;]}

Keterangan :
1. Selector adalah element atau tag HTML normal yang ingin didefenisikan.
2. Property merupakan atribut yang ingin dipilih dan masing-masing property dapat diberi
sebuah nilai (value).
3. Penulisan antara property dan value dipisahkan oleh tanda titik dua (:) dan dibuka dengan
tanda { dan ditutup dengan tanda }


Grouping

Jika terdapat beberapa selector yang format tampilannya secara umum menggunakan style yang
sama, maka kita dapat menggabungkannya menjadi satu. Setiap selector dipisahkan dengan tanda
koma(,).


Class Selector

Dengan menggunakan class selector, kita dapat mendefenisikan style yang berbeda untuk beberapa
elemen HTML.


Komentar

Penulisan komentar dalam CSS dimulai dengan tanda /* dan diakhiri dengan tanda */.


Metoda Pendeklarasian
Terdapat tiga model pendeklarasian CSS, yaitu :
1. Deklarasi lokal (inline).
Yaitu pendeklarasian langsung pada tag HTML dalam satu baris.
2. Deklarasi global (embedded)
Yaitu pendeklarasian yang terletak si antara tag
3. Deklarasi pada file terpisah
Dilakukan dengan memanggil link nama file-nya. File yang berisi deklarasi stylesheets
disimpan dengan ekstensi .css. Stylesheets ini dipanggil dengan menambahkan tag "link"
pada bagian header halaman.


0 komentar:

Posting Komentar

Setelah baca komentar ya.. :)

 

Site Info



free counters

Google PageRank Checker


Followers

.:::Luthfi:::. Copyright © 2009 Blogger Template Designed by Bie Blogger Template