Lompat ke konten Lompat ke sidebar Lompat ke footer

Pemahaman Dan Penjelasan Unsur Css (Selector, Property, Value)

Setelah kita mempelajari Pengertian CSS, Selanjutnya kita diskusikan mengenai
Pengertian dan Penjelasan Komponen CSS (Selector, Property, Value).

 Pengertian dan Penjelasan Komponen CSS  Pengertian dan Penjelasan Komponen CSS (Selector, Property, Value)
Pengertian Selector CSS

CSS berfungsi untuk memanipulasi  atau mengganti tampilan dari HTML yang terdiri dari susunan tag. Untuk mengaitkan antara tag tag HTML yang mau dimanipulasi atau diubah, maka CSS memerlukan sebuah cara bagaimana CSS menghubungkan dan mengaitkan kodenya ke dalam tag HTML yang dimaksud. Maka cara itulah yang disebut dengan Selector CSS.

Selector dipakai untuk mencari bab web (tag) yang hendak yang tampilannya akan dimanipulasi dengan style sesuai impian kita. Misalnya : tag

, tag

, tag , dan lain-lain. Supaya lebih terperinci perihal selector css, perhatikan gambar di atas.

Pengertian Property CSS

Property CSS ialah bagian atau mampu disebut selaku atribut dari suatu selector di dalam CSS. Property inilah yang hendak diubah ubah nilainya untuk mendapatkan jenis tampilan yang kita kehendaki dari sebuah tag HTML.

CSS mempunyai banyak sekali  property yang mampu kita gunkan untuk mengendalikan tampilan dari halaman web yang kita kehendaki. Sebagai pola, selector yang digunakan yaitu untuk paragraph (tag

), maka propertinya adalah jenis aksara dari paragraf tersebut, ukuran aksara, warna abjad, huruf miring, aksara tebal, dan lain sebagainya. Supaya lebih jelas tentang property css, amati gambar di atas.


Pengertian Value CSS

Value CSS ialah nilai yang diberikan untuk suatu property. Misalnya untuk untuk mengganti warna latar belakang dari suatu selector, maka  background-color sebagai property nya yag dipakai untuk mengubah warna latar belakang dari suatu selector, value atau nilainya bisa kita berikan warna merah (red), warna biru (blue), hitam (black), atau putih (white).

Supaya lebih terang tentang value css, silahkan amati gambar di atas.