CSS SYNTAX
Assalamu'alaikum Wr. Wb
Hai sobat semua, terima kasih telah mengunjungi blog saya yang sederhana ini. Sebelumnya kita sudah mengenal apa itu CSS. Pada kesempatan kali ini kita akan belajar tentang Sintak dasar pada CSS.
Langsung saja...
Sebuah aturan CSS terdiri dari pemilih/selector dan blok deklarasi :
Pemilih/selector mengarah ke elemen HTML yang ingin digayakan.
Blok deklarasi berisi satu atau lebih deklarasi, dipisahkan dengan titik koma.
Setiap deklarasi termasuk CSS nama properti dan nilai dipisahkan dengan titik dua.
Sebuah deklarasi CSS selalu berakhir dengan titik koma dan blok deklarasi dikelilingi oleh kurung kurawal.
Contoh :
Hasilnya :
SELECTOR ID
Selector ID menggunakan atribut ID dari elemen HTML untuk memilih elemen tertentu.
ID dari elemen harus unik dalam sebuah halaman, sehingga selector ID digunakan untuk memilih salah satu elemen yang unik.
Untuk memilih elemen dengan ID tertentu, tuliskan karakter hashtag (#) diikuti id dari elemen.
Contoh :
Hasilnya :
Note : Sebuah nama ID tidak bisa dimulai dengan angka!
SELECTOR CLASS
Selector class memilih elemen dengan atribut kelas khusus.
Untuk memilih elemen dengan kelas tertentu, tulis titik (.) diikuti dengan nama kelas.
Contoh :
Hasilnya :
PENGELOMPOKAN SELECTOR
Jika kita memiliki elemen dengan definisi gaya yang sama, bisa ditulis seperti ini :
Hasilnya :
KOMENTAR
Komentar digunakan untuk menjelaskan kode, dan dapat embantu ketika kita mengedit kode sumber dikemudian hari.
Komentar akan diabaikan oleh browser, jadi tidak akan muncul/ditampilkan oleh browser ketika dijalankan.
Sebuah komentar CSS diawali dengan tanda /* dan diakhiri dengan */.
Komentar juga dapat berisi hingga beberapa baris.
Contoh :
Silakan dicoba sendiri, apabila ada pertanyaan silakan tinggalkan jejak dikolom komentar. Terima kasih!
Dapat disimpulkan bahwa sebuah aturan CSS terdiri dari pemilih/selector dan blok deklarasi, pemilih/selector mengarah ke elemen HTML yang ingin digayakan, blok deklarasi berisi satu atau lebih deklarasi, dipisahkan dengan titik koma, setiap deklarasi termasuk CSS nama properti dan nilai dipisahkan dengan titik dua, sebuah deklarasi CSS selalu berakhir dengan titik koman dan blok deklarasi dikelilingi oleh kurung kurawal.
Referensi :
http://www.w3schools.com/css/css_syntax.asp
Wassalamu'alaikum Wr. Wb