Pembelajaran CSS 04 Baca 10 Menit Pengertian Selector Declaration Property

Pada artikel ke 4 css ini, saya akan menjelaskan mengenai dasar-dasar penulisan css, pembelajaran ini tentunya cukup penting sebagai awal atau dasar agar kamu bisa memahami css tersebut. Untuk memperlengkap teori ini kamu juga bisa membaca artikel sebelumnya yang sudah saya buat membahas mengenai Menemukan Rahasia Perbedaan CSS 1 CSS2 Dan CSS3

Pengertian Selector, Declaration, Property dan Value CSS

Tahukah kamu bahwa Selector, declaration, property dan value adalah inti dari CSS. 90% kode CSS yang kita buat hanya terdiri dari ke-4 element ini. Agar lebih mudah dipahami, perhatikan kode CSS berikut :

   h1 {
     font-size : 18px;
     color: green;
   }

CSS menyediakan beragam jenis selector, mulai dari yang sederhana seperti element selector, hingga yang cukup rumit seperti pseudo selector. Dalam contoh diatas, "h1" dikenal sebagai element selector atau tag selector. Element selector digunakan untuk 'mencari' seluruh element HTML yang menggunakan tag tertentu, dimana dalam contoh kita adalah tag <h1>. Lebih jauh tentang selector akan saya bahas pada bab berikutnya.

Setelah penulisan selector, berikutnya: declaration. Declaration adalah kumpulan aturan style CSS yang berada di antara tanda kurung kurawal. Gambar berikut akan memperjelas pengertian selector dan declaration:

Gambar: Selector dan Declaration Block CSS Di dalam declaration, terdapat pasangan property dan value. Property adalah jenis style, atau bagian apa yang akan diubah dari sebuah tag HTML. Misalnya jenis font, ukuran huruf, warna background, dll. Terdapat ratusan property di dalam CSS dan terus bertambah (terutama untuk property CSS3).

Agar bisa digunakan, sebuah property memiliki nilai satuan atau value. Value ini sangat bergantung kepada jenis property, misalnya untuk ukuran font bisa menggunakan satuan pixel, point, dll. Tapi untuk property warna (color) kita harus menggunakan value berupa nama warna atau kode RGB.

Keempat elemen inilah yang membangun CSS. Sepanjang buku ini kita akan membahas dengan detail tentang selector, property dan value CSS. Gambar berikut menampilkan bagian mana yang disebut selector, property dan value CSS:

Pembelajaran Selanjutnya

Pada pembelajaran dasar-dasar css tentu tidak terlalu banyak dan padat seperti html, berikutnya saya juga akan membahas masuk dalam 1 topik mengenai dasar-dasar css yaitu :

• Pembelajaran CSS 05 Cara Penulisan Selector dan Property Dengan Benar

 Pembaca yang baik selalu meninggalkan jejak atau hanya sekedar reaction pada kolom komentar, agar saya sebagai penulis juga semangat dalam melanjutkan artikel ini. Berkomentarlah dengan baik dan sopan dan saling menghargai

Bagikan ke media sosial :