Apa Itu CSS Untuk HTML
CSS / Cascading Style Sheets digunakan dengan tujuan untuk membuat tampilan halaman web lebih menarik. CSS dapat digunakan untuk memformat halaman web menjadi tampilan yang berbeda dari aslinya. CSS bukanlah sebuah bahasa pemrograman, namun lebih ke bentuk style sheet language.
Dengan menggunakan CSS untuk HTML kita bisa mengubah tampilan elemen yang ada di halaman web. Sebagai contoh kita bisa merubah warna teks, memilih font untuk teks, mengubah jarak antar paragraf, menentukan gambar atau warna pada background. CSS merupakan teknologi cornerstone yang digunakan untuk world wide web, bersama HTML dan Javascript (DOM).
Keuntungan CSS
Selain mengubah tampilan elemen pada halaman web, ada beberapa keuntungan lain dari penggunaan CSS :
- Memudahkan maintenance halaman web ; Untuk merubah tampilan secara keseluruhan cukup dengan mengubah style didalam sheet.
- Menghemat waktu ; Cukup tulis kode CSS dalam 1 sheet, dan kode itu bisa digunakan untuk beberapa halaman HTML. 1 style untuk elemen yang ada didalam sheet itu berlaku untuk semua halaman HTML yang dihubungkan dengan sheet tersebut.
- Halaman dimuat lebih cepat ; Dengan menggunakan CSS, membuat tag atribut HTML cukup 1 kali. Buat 1 pengaturan untuk tag dan terapkan pada semua yang berhubungan dengan tag tersebut. Dengan lebih sedikitnya kode, semakin cepat pula waktu mendownload halaman.
- Kompatibel dengan beragam perangkat
- Standar web global
Bagaimana Cara Menggunakan CSS
Bila disimpulkan ada 2 cara untuk menggunakan CSS untuk merubah tampilan halaman web. Pertama adalah dengan cara memasukan CSS kedalam atribut/bagian dari tag HTML. Cara yang pertama ini biasanya dilakukan apabila CSS yang digunakan hanyalah dalam bentuk kecil.
Apabila CSS yang digunakan dalam skala besar dan tampilan halaman web yang dirubah pun banyak, biasanya CSS dibuat dalam file yang terpisah dari HTML. Kode CSS biasanya dibuat dalam Notepad yang kemudian diberi format CSS. File ini pun akan dibaca oleh HTML yang memungkinkan perubahan pada tampilan halaman web.