Pembelajaran CSS 01 Dalam 10 Menit Pengenalan Kilat CSS

Apakah kamu suka membuat tampilan website kalian menjadi menarik? atau ingin mempelajari mengenai dasar-dasar dalam proses mendesign web? Maka materi kali ini akan sangat cocok buat kamu. ya benar CSS adalah dunia ala-ala web design. Nah sebagai awal dalam sebuah pembahasan tidak ada salahnya kita mencoba memahami pengertian dan hal-hal terkait mengenai css ini.

Apa itu CSS?

Seperti dikutip dari wikipedia* :

"Cascading Style Sheets (CSS) adalah bahasa style sheet yang digunakan untuk mengatur tampilan dan format dari sebuah dokumen yang ditulis dengan bahasa markup".

Sebenarnya CSS ini memiliki 2 istilah penting yaitu :

Istilah pertama: style sheet language adalah format bahasa khusus yang terdiri dari kumpulan kode untuk mengatur tampilan (style) dari sebuah dokumen. Sebagaimana yang akan kita lihat nanti dari sejarah CSS, pada awal perkembangannya terdapat berbagai variasi style sheet language yang bisa digunakan, dimana salah satunya adalah CSS.
Istilah kedua, markup language merujuk kepada dokumen yang dibuat menggunakan "tanda" atau "mark". Salah satu contoh dari markup language ini adalah HTML (Hypertext Markup Language). Walaupun begitu, CSS tidak hanya digunakan untuk HTML saja, tapi bisa untuk bahasa markup lain seperti XML (Extensible Markup Language) dan SVG (Scalable Vector Graphics).

Perlu diingatkan kembali ya bahwa CSS dan HTML bukalnlah sebuah bahasan pemrograman. CSS dan HTML adalah sebuah bahasa yang terstruktur. Sehingga tidak memiliki nilai logika dan sebuah kondisi. Nilai plusnya HTML dan CSS sangat mudah dipahami.

Apa sajakah fungsi dari CSS?

CSS berfungsi untuk mengatur tampilan (style) dari sebuah website. Yang saya maksud disini website adalah tag html. Dengan menggunakan CSS kita bisa mengatur sebagian atau seluruh tampilan dari HTML, seperti warna teks, gambar backround, besar font, posisi judul, tampilan layout, dll. Ditambah lagi CSS3 membawa banyak fitur lanjutan seperti color gradient, transitions, dan animations. Keuntungan lain dari CSS, ia bisa digunakan oleh banyak dokumen HTML sekaligus. Sebagai contoh, untuk website yang terdiri dari ribuan halaman, kode CSS yang diperlukan bisa ditempatkan pada 1 file saja. Dengan mengubah beberapa baris kode pada file ini, tampilan seluruh halaman website akan ikut berubah.

Selain itu, CSS memiliki fitur 'media type' untuk mendeteksi tipe perangkat yang digunakan ketika mengakses halaman web, apakah itu dari layar komputer/smartphone, printer, screen reader, dll. Dengan demikian, kita bisa membuat style yang berbeda-beda untuk masing-masing perangkat ini. Misalnya jika sebuah halaman akan di print, kita bisa menghapus gambar background atau mengubah warna text agar lebih jelas ketika di print. Pada CSS3, fitur media type disempurnakan lagi dengan 'media query'. Menggunakan media query, kita bisa membuat halaman web yang dapat 'menyesuaikan diri' dengan ukuran layar. Tipe website seperti ini dikenal dengan Responsive Web Design (RWD), atau cukup disingkat dengan Web Responsive.

Pembelajaran Selanjutnya?

Nah demikian Pembelajaran CSS 01 Dalam 10 Menit Pengenalan Kilat CSS sudah saya bahas diatas, dan selanjut saya akan membuat kamu lebih memahami secara cepat mengenai kode-kode atau penggunaan CSS. Kamu bisa melanjutkanya dibawah ini :