Lebih memahami tentang CSS

Setelah kita mengetahui cara pengaplikasian CSS ke dalam html atau halaman web, kita harus bisa menerapkan mana yang bisa dibuatkan stylenya dan apasaja yang bisa dibuat.

contoh dengan menggunakan divisi < div > dengan id

bagian tag < html >

...
< body>
< div id = "divisi">
...
< /div>
< /body>
...

kode cssnya

#divisi{
width :900px;
height :auto 0px;
bakground-color :#F1F1F1;
font-color :#000000;
font-family :arial, helvetica;
}

Penggunaan tanda # didepan divisi guna mengidentifikasi file dengan tanda id. Kode CSS #divisi akan mengatur tampilan < div > divisi yang ada di tag < html > dengan perintah yang terletak didalamnya, seperti width untuk mengatur lebar divisi tersebut, height untuk mengatur tinggi, bakcground color untuk mengatur warna backgroundm font color dan family untuk mengatur tampilan huruf.


contoh dengan menggunakan tabel dengan class

bagian tag < html >

...
< body>
< table class = "divisi" border="0" cellpadding="0" cellspacing="0">
...
< /table>
< /body>
...

kode cssnya

.divisi{
width :900px;
height :auto 0px;
bakground-color :#F1F1F1;
font-color :#000000;
font-family :arial, helvetica;
}

berbeda dengan penggunaan id contoh diatas menggunakan class, jadi disertai tanda ( . ) di depan nama variabelnya.

Selamat mencoba.