#2 Apa itu CSS

Selamat pagi :D Pagi ini kita akan belajar tentang pengertian CSS.

Apa itu CSS? Wikipedia bilang
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

The truth is, saya sudah kenal bahasa komputer yang satu ini dari kelas tujuh :D Kalau kata Wikipedia sih, jenis CSS ada 2. CSS1, untuk penggunaan HTML, dan CSS2 untuk penggunaan pada pencetakan. Yang kita akan pelajari ke depan adalah CSS1, untuk penggunaan HTML.

Sebelumnya kita juga harus akrab sama bentuk-bentuk CSS. Contoh sederhananya seperti ini:

h1 {
color: #fff000;
}

Bagian pertama sebelum tanda '{}' dinamakan selector, sedangkan yang diapit oleh '{}' disebut declaration yang terdiri dari dua unsur, yaitu property dan value. Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan #fff000 adalah value.

Masih bingung? Haha, yang di atas ini terjemahan bebas Wikipedia. Saya akan jelaskan dengan bahasa sendiri.

Bagian pertama sebelum tanda {} dinamakan selector. Kenapa selector? Karena bagian ini menunjukkan bagian mana yang akan diubah. Kalau menurut kode di atas, bagian yang akan diubah dari HTML kita adalah bagian h1 (

). Begitu juga kalau tulisannya h2, h3, dsb.

Yang diapit oleh '{}' disebut declaration. Declaration = mendeklarasikan, menjelaskan. Jadi, semua kata yang ada dalam {} akan menjelaskan bagaimana teks akan bekerja. Kalau menurut kode di atas, ada dua jenis tag di situ: color: dan #fff000. Yang color itu namanya property dan yang #fff000 merupakan value. Value= isi. Pendeknya, value adalah isi dari property dan keduanya adalah declaration. Sudah ngerti kan?

Property dan value banyaaaaaaak sekali macamnya. Ada color, font-family, font-size, mouse, text-decoration, border, dan lain-lain. Tapi kita nggak akan belajar itu sekarang. Sekarang cukup sampai di sini dulu, ya. I am gonna prepare my bag as I wanna go to the school tomorrow :) Happy weekend!

.ulaai