Dasar- Dasar CSS

APA ITU CSS DAN APA KEGUNAANNYA?

CSS adalah singkatan dari Cascading Style Sheet atau dalam bahasa yang lebih mudah, yaitu salah satu dokumen website yang bertujuan untuk mengatur gaya ( style ) tampilan website. CSS merupakan standar pembuatan dan pengaturan style ( font, warna, jarak, bentuk, dan lain-lain ). Adanya CSS memudahkan anda untuk mengatur dan memelihara sebuah website dan tammpilannya karena CSS memisahkan antara bagian presentasi dan isi dari web yang dibuat.
Selain itu, kegunaan CSS dalam pembuatan web sebagai berikut :

• Kode HTML menjadi lebih sederhana dan lebih mudah diatur
• Ukuran file menjadi lebih kecil sehingga load file lebih cepat
• Mudah untuk mengubah tampilan, hanya dengan mengubah file CSS saja
• Dapat berkolaborasi dengan JavaScript dan merupakan pasangan setia HTML
• Digunakan dalam hampir semua web browse

Struktur CSS
Sebelum melanjutkan ke bagian selanjutnya, tidak ada salahnya anda mengetahui bagian paling dasar dari sebuah style sheet. Pada dasarnya sintaks CSS itu terdiri dari 3 bagian yaitu :

• Selector
• Property
• Value

Jika dalam HTML dikenal adanya tag tag yang menyusun sebuah dokumen HTML maka CSS juga dikenal dengan sebutan selector. Selector adalah nama-nama yang diberikan untuk style-style yang berbeda, baik itu style internal maupun eksternal. Secara sederhana selector merupakan bagian elemen HTML yang akan ditunjuk untuk diatur stylenya. Selector bisa berupa tag HTML atau juga Class dan ID. Sedangkan property merupakanaturan dalam CSS untuk mengubah selector yang dipilih. Property mempunyai nilai yang disebut value.Berikut ini contoh penggunaan selector,property, dan value.

Body {

Font-family : Arial, sans-serif;

}

Dari contoh penggunan selector, property, dan value diatas maka tiap bagian akan dijelaskan sebagai berikut :

• Body : merupakan selector yang akan diatur stylenya.
• Font-family : merupakan property yang digunakan untuk mengubah jenis huruf yang akan diterapkan pada selector yaitu body.
• Arial sans-serif : merupakan nilai dari property font-family.

Demikian tadi sekilas mengenai dasar-dasar dari CSS, semoga bisa bermanfaat.



Sumber : Wahana Komputer, 2013. Teknik Singkat dan Cepat Menguasai CSS3. Yogyakarta: Andi Offset.

Read More