a. Introduction
CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan dan tata letak halaman web. Dengan CSS, pengembang dapat mengubah warna, ukuran teks, posisi elemen, serta membuat tampilan website menjadi lebih menarik dan responsif.
b. Syntax
Struktur dasar CSS terdiri dari selector dan declaration.
color: blue;
font-size: 16px;
}
Pada contoh di atas, p adalah selector, sedangkan color dan font-size adalah property yang memiliki value masing-masing.
c. Selectors
Selector digunakan untuk memilih elemen HTML yang akan diberi gaya.
- Element Selector → p, h1, div
- Class Selector → .container
- ID Selector → #header
- Universal Selector → *
- Grouping Selector → h1, h2, p
d. How to Add CSS
1. Inline CSS
2. Internal CSS
p { color: blue; }
</style>
3. External CSS
Metode yang paling disarankan adalah External CSS karena lebih mudah dikelola dan dapat digunakan pada banyak halaman.
f. Errors
Kesalahan dalam CSS dapat menyebabkan style tidak diterapkan dengan benar.
- Kurang tanda titik koma (;)
- Kurung kurawal tidak ditutup
- Salah penulisan property CSS
- Selector tidak sesuai dengan elemen HTML
- File CSS tidak terhubung dengan HTML
e. Comments
Komentar digunakan untuk memberikan catatan pada kode CSS dan tidak akan ditampilkan pada halaman web.