Anatomi CSS

sumber gambar : pixabay

Anatomy CSS mengacu pada struktur dan komponen dasar dari sebuah stylesheet CSS. Komponen utama dari Anatomy CSS:

1. Selector: Selector CSS digunakan untuk memilih elemen HTML yang akan diatur oleh aturan CSS. Selector dapat berupa nama tag, ID, class, atribut, atau kombinasi dari semuanya.
2.  Property: Property CSS adalah atribut yang digunakan untuk mengubah tampilan elemen yang dipilih. Contohnya adalah warna latar belakang, ukuran font, dan posisi elemen. Ada banyak jenis property dalam pengembangan website dan bisa di cari di google jenis-jenis property. salah satu website untuk menjadi referensi jenis property adalah https://css-tricks.com/
3. Value: Nilai CSS adalah nilai yang diberikan untuk setiap property CSS. Misalnya, nilai untuk ukuran font bisa dalam satuan piksel atau em.

Syntax berikut ini dituliskan terstruktur menjadi Selector { Property: value; } contoh :

h1 { color: blue; }

ini adalah untuk merubah content di dalam h1 menjadi berwarna biru.

 

Dengan memahami Anatomy CSS, Anda dapat mengembangkan keterampilan dalam membuat stylesheet CSS yang efektif dan efisien untuk desain web.