cloud-hosting-terbaik-indonesia

Tutorial Belajar CSS Part 3: Pengertian Selector, Property dan Value pada CSS

Posted on

Setelah mengetahui cara menginput kode CSS ke halaman HTML, saatnya bagi memahami kode CSS itu sendiri. Kali ini kita akan membahas inti dari CSS, yakni Pengertian Selector, Property dan Value pada CSS.


Pengertian Selector CSS

Karena kode CSS digunakan bagi mengubah/memanipulasi tampilan dari tag HTML, CSS membutuhkan suatu cara bagi ‘mengaitkan’ atau menghubungkan kode CSS dengan tag HTML yang sesuai. Hal inilah yang dimaksud dengan Selector pada CSS.

Sesuai dengan namanya, selector digunakan bagi mencari bagian web yang ingin dimanipulasi atau yang ingin di-style. Misalnya : “cari seluruh tag <p>”, atau “cari seluruh tag HTML yang mempunyai atribut class=”warning”” atau “cari seluruh link yang terdapat di pada tag <p>”.

Selector sangat basic dari CSS yaitu tag dari HTML itu sendiri, misalnya: tag p, i, h1, li, dll. Selector didalam CSS dapat menjadi kompleks tergantung kebutuhannya. Mengenai selector, akan kita bahas secara lebih detail pada tutorial-turorial CSS berikutnya.


Pengertian Property CSS

Property CSS yaitu jenis style, atau faktor apa yang akan diubah dari sebuah tag HTML. CSS mempunyai puluhan property yang dapat digunakan agar menampilkan hasil ahir yang kita inginkan. Hampir segala property pada CSS dapat diaplikasikan bagi seluruh selector.

Kalau selector digunakan misalnya bagi “mencari seluruh tag <p>“, karenanya property yaitu “efek apa yang ingin dimanipulasi dari tag p tersebut“, seperti ukuran text, warna text, jenis fontnya, dll.


Pengertian Value CSS

Value CSS yaitu nilai dari property. Misalkan bagi property background-color yang digunakan bagi mengubah warna latar belakang dari sebuah selector, value atau nilainya dapat berupa red, blue, black, atau white.

Bagi lebih jelasnya mengenai selector, property dan value di CSS, dapat dilihat di gambar dibawah ini:

Selector, Property dan Value ini yaitu faktor inti dari CSS, 90% panduan yang akan kita pelajari mengenai CSS akan membahas mengenai ketiga aspek ini.

Di artikel berikutnya, kita akan mempelajari Aturan dan Cara Penulisan Kode CSS kedalam halaman HTML.


eBook CSS Uncover Duniailkom

Kalau sahabat ingin belajar cara mendesain web, CSS wajib dikuasai. Duniailkom telah menyusun eBook CSS Uncover yang membahas CSS dengan lebih detail dan lebih komplit, mulai dari basic hingga fitur terbaru CSS3 seperti animasi dan web memiliki tampilan yang dinamis. Penjelasan lebih lanjut dapat ke: eBook CSS Uncover Duniailkom.


Sumber https://www.duniailkom.com/