Anatomi css

Anatomi CSS

Stuktur CSS

selector { property: value;}

CSS terbagi menjadi beberapa bagian, pertama selector didalamnya dibungkus dengan {} ada property diakhiri dengan : dan ada value diakhiri dengan ; . inilah yang harus dituliskan untuk membuat satu deklarasi css

contoh

     h1 { color: blue; }

 artinya saya ingin membuat seluruh tulisan yang ada di dalam h1 warnanya berubah menjadi biru
jika ingin memasukan property lebih dari satu, bisa dituliskan setelah ; atau bisa dituliskan kebawah

contoh 

h1 {
     font-family: Arial;
     text-align: center;
     font-size:20px;
     color: blue;
}


selector

- Digunakan untuk memilih dan memanipulasi elemen spesifik pada HTML.
- Elemen HTML dipilih berdasarkan tag, id, class bahkan pola/pattern.
- Semakin kompleks struktur html, selector juga bisa semakin kompleks / spesifik

property


dalam css ada banyak sekali property. jadi yang kita bahas hanya beberapa yang sering digunakan

Komentar