Pengertian CSS
CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dan format halaman web yang ditulis dalam bahasa markup seperti HTML dan XML. Dengan CSS, Anda dapat mengontrol warna, font, tata letak, dan elemen visual lainnya pada halaman web Anda.
Fungsi CSS
- Memisahkan Konten dari Tampilan: CSS memungkinkan Anda memisahkan konten (HTML) dari tampilan (CSS). Ini membuat kode HTML Anda lebih bersih dan mudah dibaca, serta memudahkan Anda untuk mengubah tampilan situs web Anda tanpa harus mengubah struktur HTML.
- Fleksibilitas dan Efisiensi: CSS memungkinkan Anda menerapkan gaya yang sama ke banyak elemen HTML sekaligus. Anda dapat membuat kelas atau ID CSS untuk mengelompokkan gaya dan menerapkannya ke beberapa elemen.
- Responsif: CSS memungkinkan Anda membuat desain web yang responsif, yang berarti situs web Anda dapat menyesuaikan tampilannya dengan berbagai ukuran layar dan perangkat.
Cara Kerja CSS
CSS bekerja dengan cara memilih elemen HTML yang ingin Anda atur gayanya, dan kemudian menentukan properti CSS yang ingin Anda ubah nilainya. Properti CSS adalah atribut visual elemen HTML, seperti warna, font, ukuran, dan posisi.
Penempatan CSS
Ada tiga cara utama untuk menempatkan CSS dalam dokumen HTML:
- Inline Styles: Gaya CSS ditulis langsung di dalam tag HTML menggunakan atribut
style. Cara ini kurang efisien jika Anda memiliki banyak elemen yang ingin Anda atur gayanya.
<style> di dalam bagian <head> dokumen HTML. Cara ini lebih efisien daripada inline styles jika Anda memiliki beberapa elemen yang ingin Anda atur gayanya.
.css. Cara ini adalah yang paling disarankan karena memungkinkan Anda memisahkan kode HTML dan CSS sepenuhnya, sehingga kode Anda lebih terorganisir dan mudah dikelola.
Struktur CSS
Struktur dasar CSS terdiri dari selector dan declaration block.
Contoh CSS
Berikut adalah contoh penggunaan CSS untuk mengatur tampilan paragraf:
Kerangka CSS
Berikut adalah kerangka dasar dokumen HTML yang menggunakan CSS eksternal:
Penutup
CSS adalah alat yang sangat penting untuk membuat tampilan situs web yang menarik dan profesional. Dengan memahami dasar-dasar CSS, Anda dapat mengontrol setiap aspek visual halaman web Anda.
PENULIS: DANAR REJA KUSUMA
REVRENSI: GOOGLE BARD AI
