Pengertian Serta Fungsi Selector, Property dan Value dalam CSS

Selector Properti dan Value CSS

Pengertian dan Fungsi Selector, Property dan Value dalam CSS
Penulisan kode CSS dibuat menjadi tiga bagian, yaitu: Selector, Property dan Value.
dalam belajar css kita harus pahami dulu ketiga struktur ini. jika sudah paham kita akan sangat mudah untuk menerapkan style css pada elemen html.

tutorial-css-01

Selector CSS

Selector adalah elemen atau tag html yang akan kamu berikan style, seperti tag p, tag h, dan tag lainnya.

Misal kamu mau memberi warna pada tag h1, kamu tulis h1 di Selector.

Jika tag html yang akan kita beri style mempunyai id katakanlah idnya #header anda dapat menulis id nya di Selector.

Dan satu lagi jika tag htmlnya memiliki class anda dapat menulis selector dengan diawali titik dan nama class, misal .header atau .artikel

Dari contoh gambar diatas kita hanya menulis h1 pada selector, arti semua tag h1 stylenya akan sama.

Bagaimana jika kita ingin hanya h1 pada class artikel saja yang di beri Style, h1 selain itu jangan.
Maka kita harus menulis selectornya seperti berikut
.artikel h1 Dengan demikian web browser hanya memberi style pada tag h1 yang dalam class artikel saja.

Property CSS

Property adalah apa yang ingin diterapkan pada selector, seperti warna text, warna background, jarak antar elemen, garis pinggir dan lain sebagainya.

Di Property inilah kita menulis apa yang akan kita lakukan terhadap tag html yang ada didalam Selector tadi.

Untuk memberikan nilai pada property gunakan tanda titik dua ( : ). Setiap property diakhiri dengan titik koma (;)

jika kita tidak membuat titik koma, web browser tidak akan mengetahui maksud dari property tersebut.

Value CSS

Value adalah nilai dari property misalnya Property color:red

Nah red ini adalah value. Misal text-align:center, maka center adalah value.

Mirip seperti nilai pada html bedanya di HTML memakai sama dengan (=) kalau di css pakai titik dua (:).

Declaration

Declaration adalah nama dari gabungan Property dan value.

Jadi secara keseluruhan selector itu tag html baik yang pakai id ataupun class

Property itu adalah apa nya yang di style, background kah, text kah atau lainnya.

Sedangkan value itu nilai dari property.

Css sangat mudah untuk dipelajari tak perlu diambil pusing karena dalam belajar css kita hanya perlu memperhatikan ketiga bagian ini saja. Selector, Property dan Value dalam CSS ini sangat penting inilah inti dari css.

Semangat terus untuk belajar…. Pasti bisa.

tutorial selanjutnya akan membahas Aturan serta Cara Penulisan Kode CSS

Keyword:

  • fungsi selector

Get real time updates directly on you device, subscribe now.

Ingin Berkomentar?

×
Lewat ke baris perkakas