Mengenal CSS: Dasar-Dasar dan Penerapannya dalam Web Design

CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mendesain dan mengatur tampilan halaman web. Dengan CSS, kita dapat memisahkan konten dari desain, memungkinkan tampilan yang lebih menarik, konsisten, dan responsif pada halaman web.

1. Pengertian CSS

CSS digunakan untuk memisahkan konten dari desain, memberikan tampilan yang lebih menarik, konsisten, dan responsif pada halaman web.

2. Fungsi CSS

Memperindah tampilan halaman web: CSS memungkinkan kita mendesain layout, warna, font, dan banyak aspek visual lainnya.
Memisahkan konten dari gaya visual: Dengan menggunakan CSS, kita dapat memisahkan struktur halaman (HTML) dengan desain visualnya.
Efisiensi: CSS memungkinkan kita menggunakan satu file untuk mengatur gaya visual pada banyak halaman, yang membuat website lebih efisien.
Meningkatkan responsivitas desain: CSS membuat halaman web dapat menyesuaikan tampilannya dengan berbagai ukuran layar, seperti pada perangkat mobile dan desktop.

3. Jenis-Jenis CSS

Inline CSS: CSS ditulis langsung dalam atribut elemen HTML.
Internal CSS: CSS ditulis dalam tag <style> di bagian <head> HTML.
External CSS: CSS disimpan dalam file terpisah dengan ekstensi .css.

4. Selektor CSS

Selektor digunakan untuk memilih elemen mana yang akan diberi gaya.

ID (#): Selektor ID digunakan untuk menargetkan elemen spesifik. ID harus unik di dalam dokumen.
Class (.): Digunakan untuk menargetkan elemen yang memiliki kelas tertentu, dan dapat digunakan pada beberapa elemen.
Universal Selector (*): Untuk menargetkan semua elemen dalam halaman.
Group Selector: Digunakan untuk menerapkan gaya yang sama pada beberapa elemen sekaligus.