Rabu, 30 Desember 2009

Mengenal Apa itu CSS ?

CSS, yang merupakan singkatan dari Cascading Style Sheet ini adalah suatu feature untuk membuat dinamik HTML. CSS memungkinkan kita untuk mendesain tampilan dokumen HTML dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya.
Suatu Style Sheet dapat mendeskripsikan bagaimana tampilan document HTML di layar (template), membuat efek-efek yang spesial (mendefinisikan style untuk heading 1 dengan style bold italic dan berwarna biru), serta sebagai support ke semua browser.
Teknologi CSS sudah distandarisasi oleh W3C (World Wide Web Consortium) sehingga kita dapat menggunakannya di web browser. CSS dapat dipasang pada dokumen HTML yang sudah jadi.
Sehingga dari sini kita dapat mengambil manfaat dari adanya teknologi CSS yaitu antara lain:
1. Kode HTML menjadi lebih sederhana dan pengaturannya juga lebih mudah.
2. Ukuran file menjadi lebih kecil, sehingga load filenya pun tidak memakan waktu yang lama (lebih cepat).
3. Merubah tampilannya cukup mudah, hanya dengan merubah file CSSnya.
4. Dapat berkolaborasi dengan JavaScript.
5. Dapat digunakan pada hampir semua web browser.


ATURAN PENULISAN PADA CSS
Syntaxis CSS dibagi dalam 3 bagian :
selector {property : value}
dimana selector adalah tag HTML yang akan didefinisikan (body, H1, Link , dll). Property adalah atribut yang akan diubah.
 Nilai untuk property tidak boleh dalam tanda petik.
contoh : color : green;
 Nama property bersifat case sensitive.
color : green; property : color
value : green

Cara penulisan :
FONT-FAMILY : sans-serif;
FONT-SIZE : small;

Cara penulisan yang salah :
FONT-FAMILY : “sans-serif”;
FONT-SIZE : ‘small’;


Cara mendeklarasikan kelompok :
(tanda koma serta &)
H1, H2 {color : green};
H3, H4 & H5 {color : red};

Cara menuliskan komentar :

• Menggunakan tanda : /* ….. */
• Menggunakan tanda :
Free Blog Content

What dO YoU thINk aBOut My bLog?