30 Desember 2009

Dasar Dasar CSS

Cascading Style Sheets atau yang sering kita disebut dengan CSS adalah bahasa stylesheet yang dapat kita gunakan dalam pengaturan tampilan suatu
dokumen yang ditulis dalam bahasa markup. Pada umumnya CSS sering digunakan untuk memformat
halaman web yang ditulis dengan XHTML dan HTML. meskipun demikian bahasa CSS dapat juga dipergunakan dalam
semua jenis dokumen XML termasuk XUL danSVG.



CSS biasanya juga digunakan untuk mempersingkat penulisan pada tag HTML seperti font, color,t ext, dan table sehingga penulisan tag HTML menjadi lebih ringkas tanpa terjadi pengulangan tulisan.

CSS memungkinkan untuk menampilkan halaman yang sama tetapi dalam cara yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga
alat pembaca braille. CSS juga dapat menampilkan halaman HTML dan XML dengan cara yang berbeda, baik dari segi gaya
tampilan atau skema warna.

Keuntungan menggunakan CSS
CSS dapat memberikan keseragaman pada halaman web.
Dengan CSSuntuk melakukan perubahan kita tidak perlu merubah dalam setiap halaman web, melainkan kita hanya perlu merubah dalam style sheet. Sehingga dapat menyingkat waktu.
CSS dapat memungkinkan kita untuk memuat halaman web dengan mudah.
Kita dapat menggunakan Layers (Lapisan), seperti item pop-up dalam dokumen.
CSS dapat membantu kita dalam memelihara halaman web dengan mudah dan efektif.

Cara penulisan CSS

Ada 3 cara untuk penulisan CSS pada dokumen HTML yaitu:

1.External Style Sheet
External Style merupakan penulisan skrip CSS dengan cara memanggil file CSS dari tempat lain, dengan kata lain file CSS berada terpisah dengan file HTML.

2.Internal Style Sheet
Internal Style Sheet merupakan penulisan skrip CSS dengan cara skrip CSS dipasang di dalam tag head HTML.

3.Inline Style Sheet
Inline Style Sheet merupakan penulisan skrip CSS dengan cara langsung dipasang di tag HTML.

Aturan penulisan CSS

Ada dua aturan dalam penulisan CSS yaitu :
Selector
Selector merupakan aturan penulisan css yang terdiri dari tag, class dan lain sebagainya. Pada halaman HTML selector terletak pada bagian pertama sebelum tanda “{ }”.

Declaration
Declaration merupakan aturan penulisan CSS yang digunakan untuk mendeskripsikan property dan value yang akan digunakan pada selector atau pemisah.

1 komentar:

riyan mengatakan...

wah... kudu banyak belajar ma mas hamue neh gan.....