Memahami Fungsi Selector, Property Dan Value Pada CSS | Tutorial Lengkap

Memahami Fungsi Selector, Property Dan Value Pada CSS

Setelah memahami dasar dasar kode CSS, maka selanjutnya kita harus mengenal dan memahami fungsi Selector, Property Dan Value pada kode CSS yang memiliki pengaruh besar terhadap hasil akhir pada tampilan web.

Zona Internetku May 25, 2019

Pengertian Selector

Seperti yang kita ketahui bahwa CSS manfaatnya buat menaruh efek atau memanipulasi tampilan dalam element HTML, sinkron dalam namanya yaitu

Dengan adanya hal ini kita dapat lebih mudah untuk memanipulasi element html seperti memanipulasi "seluruh tag html <span>" dan bisa juga "memilih atribut class dan id"

Pengertian Property

Property merupakan style atau gaya tampilan yang akan kita gunakan untuk memanipulasi objek pada tag element html tersebut, contohnya saja jika kita memilih tag <p> sebagai element yang akan dimanipulasi maka kita bisa memberikan style bermacam macam seperti mengubah jenis font, ukuran font, warna font dan masih banyak lagi

Pengertian Value

Value bertujuan untuk memberikan nilai dari Property yang kita gunakan pada Selector. Setelah kita sudah menentukan Selector dan Property maka kita bisa memberikan nilai dari style tersebut seperti red, green, blue, right, left dan lain lain.

Cara Menggunakan Selector Property dan Value Dengan Benar

Untuk menggunakan Selector, Property dan Value, untuk memahami lebih jelas dalam dalam penggunaan Selector Property dan Value pada CSS kalian dapat melihat gambar berikut sebagai penerapannya

Mengenal Fungsi Selector, Property Dan Value Pada CSS

Kita juga tidak boleh sembarangan menggunakan kode css untuk mengubah style pada element html, kita harus memahami fungsi dan pasangan antara Property dan Value pada kode CSS untuk menghindari terjadinya kegagalan proses hasil output, jika tidak maka kode tersebut tidak berfungsi.

Contohnya adalah font-size:18px font-size merupakan Property dan 18px adalah Value, jika kita menentukan sebuah ukuran font maka kita tidak boleh mengisi valuenya manjadi nilai lain seperti red, right, float dan lain lain, jadi kita harus tau fungsi dari pasangan property dan value tersebut

Baca juga :

Belajar Cara Menggunakan Dasar Css Untuk Web Desain

Cara Mengatur Format Text Dengan CSS

Memahami Atribut Class Dan Id Pada HTML

Demikian tutorial singkat pembahasan CSS mengenai Selector, Property dan Value yang dapat saya sampaikan, selamat belajar dan semoga berhasil.