Untuk Mempermudah Memahami sintaks dasar dari CSS 3 bisa dilihat dari gambar dibawah ini :
Referensi :
- http://www.w3schools.com/css/css3_intro.asp
Gambar Sintaks dasar CSS 3
Penjelasan :
- Pertama, kita perlu menentukan elemen HTML apa yang akan diberikan CSS, dalam kasus ini adalah h1
- Kedua, tambahkan tanda kurung pembuka dan penutup kurawal {}
- Ketiga, didalam kurung kurawal, letakkan property yang akan di terapkan pada elemen h1, dalam kasus ini property color dengan value (nilai) #000 (abu-abu). Artinya, teks yang berada di tag
akan berwarna abu-abu semua.
- Terakhir, Berikan tanda titik koma (;) untuk mengakhiri perintah CSS.
Gambar Memberikan beberapa property sekaligus pada satu elemen HTML
Seperti yang anda lihat, maka aturan mempunyai property dan value. hal ini memungkinkan anda untuk memberikan beberapa property dan nilai sekaligus.
Referensi :
- http://www.w3schools.com/css/css3_intro.asp