Pemrograman Web

Pemrograman Web
• CSS merupakan salah satu dokumen website yang bertujuan untuk
mengatur gaya (style) tampilan website.
• Beberapa manfaat dari penggunaan CSS
- 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
- Dapat digunakan dalam hampir semua jenis web browser.
• CSS 3 merupakan versi CSS terbaru yang masih dikembangkan oleh
W3C dan CSS 2 didukung seutuhnya oleh CSS 3 dan tidak ada
perubahan
• Anatomi CSS terbagi ke dalam tiga bagian yaitu: selector, property, dan
value.
Selector{ Property : value; }
• Cara kerja CSS dimulai saat deklarasi style yang diinginkan dengan
• menulis style (selektor, id dan class)
• Format penulisan CSS dengan Selector HTML adalah Nama-elemen
• Format penulisan CSS dengan Selector class adalah .nama-class { … }
• Format penulisan CSS dengan Selector id adalah #id { … }
• Penerapan CSS pada sebuah halaman web dapat dilakukan dengan
• beberapa alternatif di antaranya adalah: inline style sheet, embedded
style sheet, external style sheet
d. Tugas.
Sebelum mengerjakan tugas, buatlah kelompok. terdiri atas 2-3 orang. Dalam
kegiatan ini masing-masing kelompok kerjakan tugas berikut :
1. Jelaskan tentang anatomi cascading style sheet
2. Jelaskan tentang macam selector yang dapat digunakan pada penerapan
cascading style sheet
3. Jelaskan cara kerja CSS pada penulisan style dengan cara inline style
sheet, embedded style sheet, external style sheet
Kemudian secara bergantian masing-masing kelompok mempresentasikan
hasilnya didepan kelas.
Page | 54