CSS dapat merujuk pada salah satu dari yang berikut:
1. Singkat untuk style sheet cascading, CSS adalah bahasa yang digunakan untuk menggambarkan gaya yang dapat digunakan kembali untuk menyajikan dokumen yang ditulis dalam bahasa markup. Konsepnya berasal dari Håkon Wium Lie pada tahun 1994. Pada bulan Desember 1996, CSS dibuat spesifikasi oleh W3C dan hari ini memungkinkan pengembang web untuk mengubah tata letak dan tampilan halaman web mereka. Misalnya, CSS dapat digunakan untuk mengubah font yang digunakan dalam elemen HTML tertentu, serta ukuran dan warnanya. Satu file CSS dapat ditautkan ke beberapa halaman, yang memungkinkan pengembang untuk mengubah tampilan semua halaman secara bersamaan.
Kotak berikut berisi contoh dasar menggunakan kode CSS untuk mendefinisikan font, warna hyperlink, dan warna tautan ketika kursor mouse mendekat. Dalam contoh khusus ini, kami hanya mengubah tag HTML dan, daripada membuat pemilih kelas atau id baru.
body {font: normal 100% "trebuchet ms", Arial, Helvetica, sans-serif; } a {color: # 000000; } A: visited {color: # 005177; } a: hover {color: # 005177; }
Kode CSS pada kotak di atas dapat dimasukkan ke bagian kepala HTML halaman menggunakan kode berikut. Namun, perlu diingat bahwa melakukan tindakan ini hanya menerapkan perubahan ini pada satu halaman.
Jika Anda ingin menggunakan kode CSS pada beberapa halaman, kami sarankan menyimpan kode dalam file CSS yang terpisah dan kemudian memuatnya di setiap halaman. Misalnya, kode CSS yang ditunjukkan pada kotak pertama pada halaman ini dapat disalin dan ditempelkan ke file dengan ekstensi file.css.
Tip
File CSS dapat dibuat menggunakan editor teks apa pun atau bahkan Notepad jika Anda menggunakan Windows.
Setelah file disimpan, itu harus ditautkan di kepala kode HTML menggunakan tag. Kotak berikut menunjukkan contoh elemen ini yang digunakan.
Jika Anda memberi nama file CSS example.css, dan itu berada di direktori yang sama dengan file HTML yang diambil, baris berikut akan menautkan file CSS.
CSS3 adalah versi CSS (Cascading Style Sheets) yang menggantikan CSS2. Ini memperkenalkan penyeleksi dan properti baru yang memungkinkan lebih banyak fleksibilitas dengan tata letak halaman dan presentasi. Beberapa pembaruan, seperti properti bayangan kotak (yang memungkinkan drop shadow ditambahkan ke elemen), memungkinkan efek visual diterapkan tanpa perlu membuat gambar khusus.