Apa itu CSS

CSS (Cascading Style Sheets) adalah bahasa pemrograman yang digunakan untuk mengatur tampilan dan format suatu halaman web. Dengan CSS, Anda dapat mengontrol warna, ukuran teks, layout, dan berbagai aspek tampilan lainnya pada halaman web.

CSS bekerja dengan memilih elemen HTML yang ingin Anda gayakan, lalu menentukan bagaimana elemen tersebut akan ditampilkan. Ini memungkinkan Anda untuk memisahkan struktur konten (HTML) dari presentasi tampilan (CSS), sehingga memudahkan perubahan tampilan tanpa harus mengubah struktur dasar halaman.

Berikut adalah langkah-langkah dasar untuk menggunakan CSS:

Membuat File CSS

Mulailah dengan membuat file terpisah untuk CSS Anda dengan ekstensi .css.

Menghubungkan CSS ke Halaman HTML

Gunakan tag <link> dalam bagian <head> halaman HTML Anda untuk menghubungkan file CSS ke halaman tersebut.

<link rel="stylesheet" type="text/css" href="style.css">

Pemilihan Elemen

Identifikasi elemen HTML yang ingin Anda gayakan. Anda dapat menggunakan selektor CSS untuk melakukan ini.

Menentukan Properti dan Nilai

Setelah memilih elemen, tentukan properti dan nilai CSS yang ingin Anda terapkan. Misalnya:

p {
   color: blue;
   font-size: 16px;
}

Ini akan membuat semua teks dalam elemen <p> menjadi biru dengan ukuran 16px.

Menerapkan CSS

Simpan file CSS Anda dan periksa tampilan halaman HTML Anda untuk melihat perubahan yang telah Anda buat.

Anda dapat menggabungkan berbagai properti CSS untuk mengubah tampilan halaman web sesuai dengan kebutuhan Anda. Selanjutnya, Anda bisa mempelajari lebih lanjut tentang selektor, pseudoclass, dan berbagai teknik lanjutan dalam CSS untuk mengembangkan keterampilan Anda dalam mengatur tampilan halaman web.

NEXT