Page 64 - Modul web baru
P. 64
www.flipbuilder.com www.flipbuilder.com 59 www.flipbuilder.com
Modul VII
CSS (Cascading Style Sheet)
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
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
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
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.
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
Gambar 7.1. 1 CSS Rule
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
Untuk dapat menggunakan CSS kita harus menghubungkan style sheet ke dokumen
HTML kita. Cara
menggabungkan CSS ke dokumen HTML ada 3 cara, yaitu:
Inline Style
Embedded Style Sheets
External Style Sheets
Inline Style
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com
Modul Pemrograman Web SMKN 2 Mojokerto
www.flipbuilder.com www.flipbuilder.com www.flipbuilder.com