Memahami Anatomi dan Cara Kerja Cascading Style Sheet

Memahami Anatomi dan Cara Kerja Cascading Style Sheet

1) Definisi dan fungsi cascading style sheet : 

Cascading Style Sheet atau lebih sering   disebut dengan istilah CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan website. CSS bukanlah sebuah bahasa pemrograman, melainkan sebuah aturan untuk mengendalikan beberapa komponen pada web sehingga akan lebih terstruktur, seragam dan mudah dalam pengaturan saat pendesain sebuah halaman web. CSS merupakan sekitar pembuatan dan pengaturan style font, warna, jarak, bentuk, dan lain-lain yang tidak dapat dilakukan dengan elemen - elemen HTML. Dapat dikatakan bahwa CSS merupakan pengembangan dari HTML dalam hal format dokumen web. Adanya CSS memudahkan kita untuk mengatur dan memilih sebuah website dan tampilannya karena CSS memisahkan antara bagian presentasi dan isi dari web yang dibuat. Selain itu dengan penggunaan dari CSS dalam pembuatan web akan memberikan beberapa manfaat seperti berikut ini : Kode HTML menjadi lebih sederhana dan lebih mudah diatur. Ukuran file menjadi lebih kecil sehingga load file lebih cepat.  Mudah untuk mengubah tampilan, hanya dengan mengubah file CSS saja. Dapat berkolaborasi dengan JavaScript dan merupakan pasangan setia HTML. Dapat digunakan dalam hampir semua jenis web browser

2) Anatomi dari cascading style sheet 

Bagian – bagian utama dari sebuah CSS itu terdiri dari tiga bagian yaitu: selector, property, value. Jika dalam HTML dikenal ada tag-tag yang menyusun sebuah dokumen HTML maka dalam CSS juga dikenal dengan sebutan selector