CSS: Perbedaan antara revisi
←Membuat halaman berisi 'Cascading Style Sheets (CSS) adalah sebuah bahasa stylesheet yang digunakan untuk mengatur tampilan dan format dokumen yang ditulis dalam HTML maupun XML. CSS memungkinkan pengembang web untuk memisahkan konten dari desain, sehingga memudahkan proses pemeliharaan dan pengembangan situs. Dengan CSS, elemen-elemen seperti warna, jenis huruf, jarak antar elemen, dan tata letak dapat diatur secara konsisten di seluruh halaman web. Bahasa ini menjadi salah...' |
|||
| Baris 13: | Baris 13: | ||
== Sintaks dan Struktur == | == Sintaks dan Struktur == | ||
Sintaks CSS terdiri dari '''selector''' dan '''declaration block'''. '''Selector''' digunakan untuk memilih elemen HTML yang akan dikenai gaya, sedangkan '''declaration block''' berisi satu atau lebih deklarasi yang memuat '''property''' dan '''value'''. Contohnya: | Sintaks CSS terdiri dari '''selector''' dan '''declaration block'''. '''Selector''' digunakan untuk memilih elemen HTML yang akan dikenai gaya, sedangkan '''declaration block''' berisi satu atau lebih deklarasi yang memuat '''property''' dan '''value'''. Contohnya: <syntaxhighlight lang="css"> | ||
p { | p { | ||
color: blue; | color: blue; | ||
font-size: 14px; | font-size: 14px; | ||
} | } | ||
</syntaxhighlight>Deklarasi di atas akan mengubah warna teks paragraf menjadi biru dan ukuran huruf menjadi 14 piksel. | |||
Deklarasi di atas akan mengubah warna teks paragraf menjadi biru dan ukuran huruf menjadi 14 piksel. | |||
== Jenis Selector == | == Jenis Selector == | ||
CSS memiliki berbagai jenis selector yang digunakan untuk menargetkan elemen tertentu: | CSS memiliki berbagai jenis selector yang digunakan untuk menargetkan elemen tertentu: | ||