CLICK HERE FOR THOUSANDS OF FREE BLOGGER TEMPLATES »

Selasa, 29 Desember 2009

Dasar-dasar CSS

Akhirnya... stlah sekian lma vakum dri blog, sya kmbli berniat psting, tp ni aja gra2 da tugas. Tp gpp, ni awal dari niat comeback saya jd blogger. Kali ni Sya akn mnjelaskan dasar2 CSS. Sblm qta mempelajari dasar2 CSS. Sblum itu qta sbaiknya tahu apa itu CSS. CSS (Cascading Style Sheet) memungkinkan qta untk mendesain (style) tampilan dokumen (terutama HTML) dgn memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS). Jika kita memiliki banyak file HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. Fungsi CSS adalah untuk mengatur jenis font, ukuran font suatu halaman web, mengontrol/mengatur seluruh tampilan halaman web dengan hanya sebuah dokument CSS.

CSS distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada dikumen HTML yang telah jadi. Salah satu keunggulan CSS adalah kita dapat menghemat banyak script HTML. Karena jika CSS ditulis dalam suatu file terpisah, maka file CSS tersebut bisa digunakan oleh beberapa layout/tampilan HTML. Dan jika ingin merubah warna tampilan maka cukup dilakukan di file CSS tersebut saja, tidak perlu layout HTMLnya. Ini akan sangat-sangat menghemat waktu apabila kita mempunyai beberapa layout HTML.

-Memasang CSS
Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:
1.External Style Sheet (file CSS berbeda dari file HTML)
2.Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)
3.Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).
-Manfaat dari CSS:
1.Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
2.Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
3.Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
4.Dapat berkolaborasi dengan JavaScript.
5.Digunakan dalam hampir semua web browser.

Baca Selengkapnya....