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
   59   60   61   62   63   64   65   66   67   68   69