Belajar syntax dasar pada css
Syntax dasar css
Syntax dasar CSS merupan penulisan dasar css, yang dimana aturan css memiliki dua bagian utama, yaitu: selector dan declaration, atau kalo diterjemahkan menjadi pemilih dan deklarasi. Berikut penjelasan lebih dalamnya:
Selektor digunakan untuk memilih elemen HTML mana yang akan diberi style.
Property digunakan untuk menentukan tipe style mana yang akan digunakan, property sendiri membutuhkan nilai. Berikut contoh property css: color, background-color, border dan yang lainnya.
Deklarasi merupakan blok kode yang didalamnya berisi property dan nilai dari property itu sendiri.
Deklarasi CSS selalu diakhiri dengan tanda titik koma, dan blok deklarasi dikelilingi oleh kurung kurawal.
Komentar css
Sebuah komentar pada css biasanya digunakan untuk menandai atau menjelaskan kode dengan deskripsi singkat. Ini sangat berguna untuk pengembang, Mungkin dimasa yang akan datang Anda akan mengedit kembali sebuah kode. Komentar diabaikan oleh browser dan tidak akan dieksekusi.
Komentar CSS dimulai dengan /*, dan diakhiri dengan */.
Contoh:
Editor Online- /* Memberikan warna pada heading */
- h1 {
- background-color: red;
- }
Pada contoh diatas Anda menulis sebuah komentar: /* Memberikan warna pada heading */ . Komentar tersebut mengingatkan kode tersebut digunakan untuk memberikan warna. Ini berguana jika suatu saat Anda membuka lagi kode, dan komentar akan menjadi acuan deskripsi kegunaan kode yang ditulis. Mungkin komentar akan terasa kegunaannya jika baris kode sudah banyak.