Kamis, 31 Desember 2009

Dasar Dasar CSS

CSS atau Cascading Style Sheet merupakan bahasa pemrograman atau scripting yang biasanya digunakan untuk mengatur tampilan suatu website atau blog. Mungkin bagi para blogger sudah mengenal CSS. Karena blog khususnya yang hosting di blogspot memang menggunakan CSS untuk merubah dan mangatur tampilan pada blog itu sendiri. Tampilan disini maksudnya untuk mengatur tampilan blog yang kita miliki baik dari segi warna (huruf atau background), image, huruf dan elemen-elemen lain yang ada kaitannya dengan tampilan suatu blog atau web. Sebelum ada CSS, untuk mengatur tampilan suatu huruf biasanya menggunakan tag

bla bla bla

. Tapi setelah adanya CSS hal tersebut tidak perlu dilakukan lagi.Dengan kata lain CSS dapat lebih memudahkan kita dalam mengatur tampilan blog kita.

Cara pemasangan CSS ada tiga cara :
1.Internal Style Sheet : yaitu penulisan CSS dipasang pada tag head HTML
2.Eksternal Style Sheet : yaitu penulisan CSS dipasang terpisah dengan tag HTML
3.Inline Style Sheet : yaitu penulisan CSS dipasang di dalam Tag HTML (tanpa direkomendasikan).

CSS memiliki kekurangan, kekurangan dan kelebihan yaitu :

Kelebihan
1.Memisahkan desain dengan konten halaman web.
2.Mengatur desain seefisien mungkin.
3.Jika kita ingin mengubah suatu tema halaman web, cukup modifikasi pada css saja.
4.Menghadirkan sesuatu yang tidak dapat dilakukan oleh HTML.
5.Lebih mudah didownload karena lebih ringan ukuran filenya.
6.Satu CSS dapat digunakan banyak halaman web.

Kekurangan
1.Tampilan pada browser berbeda-beda.
2.Kadang juga terdapat browser yang tidak support CSS (browser lama).
3.Harus tahu cara menggunakannya.
4.dibutuhkan waktu lebih lama dalam membuatnya.
5.Belum lagi ada bug/error dalam CSS.


Dalam penulisan kode CSS mempunyai aturan tersendiri.
Cara pendeklarasian dan penulisan CSS
1.Menggunakan tanda # sebagai awalan.

Untuk pendeklarasiannya, karena memakai tanda # maka atribut yang digunakan adalah id.Tapi ingat, sifat dari id adalah unik. Makanya tidak boleh ada elemen lain yang memakai id yang sama pada suatu CSS.

2.Menggunakan tanda dot atau titik (.).
Untuk pendeklarasiannya, karena memakai tanda (.) maka atribut yang digunakan adalah class. Nah..kalo sifat dari id adalah unik, maka sebaliknya kalo class tidak unik dan bisa diaplikasikan lebih dari 1 class yang sama dalam suatu doc html.
3.Tanpa memakai tanda # atau (.) Nah jika memakai cara seperti ini, maka semua tag div akan mempunyai style yang sama sesuai kode CSSnya.

0 Comments:

Post a Comment