ba5710ab89f8b9785b59892e3f42485a60c031ba33d1789fd68ba447482eb3e21df77c321b12fdc7

Mengenal CSS

kareelkunPhoto Ditulis oleh kareelkun
Diposting
1 Comments
Diperbarui
CSS singkatan dari Cascading Style Sheets digunakan untuk mempercantik halaman website, termasuk desain, tata letak, dan variasi tampilan untuk berbagai perangkat dan layar. Dengan CSS kita bisa memanipulasi tampilan website, seperti mengubah desain dari sebuah text, warna, gambar dan latar belakang / background dari semua tag HTML, sehingga website yang kita buat akan terlihat lebih hidup.

A. Sintaks Dasar CSS

Sintaks dasar CSS memiliki 2 bagian utama yaitu Selector dan satu atau lebih Declaration. Penulisan sebagai berikut ini:
selector {
    properti_1:nilai_1;
    properti_2:nilai_2;
    properti_a:nilai_a;
    properti_z:nilai_z;
}
Keterangan :
  • Selector mengarah ke elemen HTML yang akan dimanipulasi "selector"
  • Sebuah Declaration harus berada di dalam tanda kurung kurawal "properti_1"
  • Declaration berisi satu atau lebih yang dipisahkan oleh titik koma ";"
  • Deklarasi CSS selalu diakhiri dengan titik koma, dan setiap deklarasi berisi nama properti dan nilai value "properti_1:nilai_1;"
Contoh penulisan CSS untuk selector element <body></bod> sebagi berikut ini:
body {
    background:#ffffff;
    color:#000000;
    border:1px solid #000000;
}
dari css diatas maka akan tampil di element body latar warna putih "#ffffff" tulisan teks warna hitam "#000000" dan tebal border garis full 1 px warna hitam

B. Jenis-Jenis Selector Pada CSS

Selector pada CSS terbagi menjadi 3 jenis yaitu Selector Element, Selector Id dan Selector Class. Dibawah ini contoh-contoh dari masing jenis selector.
  • Selector Element
Yang di maksud Selector Element itu adalah element kontent pada sebuah HTML mulai dari <body> sampai penutup </body>. Sebagai contoh akan mewarnai latar belakang warna merah pada element DIV:
div {
    background:#ff0000;
}
  • Selector Id
Selector Id ini sering dijumpai pada atribut sebuah element. Sebagai contoh Selector id pada element DIV berikut ini:
div#nama_ID {
    background:#ff0000;
}
maka akan berefek pada element DIV dengan nama selector id, atau sebagi contoh selector id akan berefek di semua element html penulisan seperti ini
#nama_ID {
    background:#ff0000;
}
    • Selector Class 
    Selector class sama seperti selector id sering dijumpai pada atribut element misalnya <div class='nama_class'></div>. Berikut  ini penulisan CSS untuk selector class
    .nama_class {
        background:#ff0000;
    }
    View: - Tags: Tutorial
    1. Wynn Slots for Android and iOS - Wooricasinos
      A wooricasinos.info free app for slot machines from WRI casinosites.one Holdings Limited that lets you play the popular games, https://tricktactoe.com/ such as jancasino.com free video slots, ventureberg.com/ table games and live casino

      BalasHapus

    Posting Komentar