Page 61 - Modu Web Kelas XI

56

Modul VII
CSS (Cascading Style Sheet)

Kompetensi Dasar

3.7. Menerapkan style pada halaman web.
4.7. Membuat style tertentu pada halaman web.

Tujuan Pembelajaran

1. Mengetahui penggunaan cascading style sheet

2. Memahami anatomi cascading style sheet
3. Mengetahui cara kerja cascading style sheet

4. Memahami cara kerja cascading style she

7.1. Struktur CSS

CSS merupakan sebuah dokumen yang dapat digunakan untuk melakukan

pengaturan pada seluruh komponen web. CSS bisa digunakan dengan berbagai metode,

salah satu diantaranya adalah diletakkan pada bagian Head. CSS (Cascade Style Sheet)

digunakan untuk dapat menambahkan style halaman kita, meningkatkan dan

memperbaiki penyajian isi halaman. CSS juga dapat bertindak sebagai lapisan yang

mempengaruhi presentasi dari elemen XHTML yang diberikan. Warna, font, text size,
background, susunan elemen pada halaman dan seluruh aspek presentasi isi, dikontrol

oleh CSS. CSS dibangun berdasarkan aturan-aturan yang berisi set intruksi yang dapat

memerintahkan browser mengikuti aturan untuk mengubah penampilan elemen XHTML
didasarkan pada nilai-nilai yang diberikan.

Gambar 7.1. 1 CSS Rule
Untuk dapat menggunakan CSS kita harus menghubungkan style sheet ke dokumen

HTML kita. Cara
menggabungkan CSS ke dokumen HTML ada 3 cara, yaitu:

Modul Pemrograman Web SMKN 2 Mojokerto