Page 63 - Modu Web Kelas XI
P. 63

58




                     7.2. CSS Selector

                           Selain menggunakan style format untuk tiap elemen tag di html, di CSS kita dapat

                     juga menetapkan seleksi tag-tag html menggunakan “id” atau “class”.


                     7.2.1.Id Selector
                     Id Selector digunakan untuk menambahkan style di elemen html tunggal yang unik. Id

                     Selector  menggunakan  atribut  id  elemen  html,  dan  didefinisikan  dengan  “#”.  Cara
                     pemanggilan di dalam tag html adalah dengan menambahkan atribut id dan values nama

                     elemen id tersebut.










                     7.2.2 Class Selector
                     Class  Selector  digunakan  untuk  menentukan  style    untuk  sekelompok  elemen  html.
                     Berbeda dengan id selector, pemilih kelas yang paling sering digunakan pada beberapa
                     elemen. Hal ini memungkinkan untuk menggunakan style tertentu untuk elemen html
                     dengan banyak kelas yang sama. Class Selector menggunakan atribut id elemen html, dan
                     didefinisikan  dengan  “.”  Cara  pemanggilan  di  dalam  tag  html  adalah  dengan
                     menambahkan atribut class dan values nama elemen class tersebut.




                     7.3. CSS Background

                           Untuk  memperindah  tampilan  halaman  suatu  web  kita  dapat  menggunakan

                     background yang di definisikan di CSS dengan menggunakan warna atau image atau
                     kombinasi  dari  warna  dan  image.  Untuk  penggunaan  background  tidak  hanya  dapat

                     digunakan dalam tag body di halaman web saja, kita dapat menggunakan di selector (ID
                     dan CLASS) untuk layout tertentu dari bagian halaman web.


                     Background Colour
                            body
                            {
                            background: #e5e500;
                            }

                     Background Image



                     Modul Pemrograman Web SMKN 2 Mojokerto
   58   59   60   61   62   63   64   65   66   67   68