Aturan Penggunaan CSS

Aturan Penggunaan CSS - Halo Assalamualaikum Sobat Kayuagung-Cyber :) Sudah lama tidak update, karena sibuk nya di dunia nyata, juga kondisi admin yang kurang sehat sepenuhnya , Do'a kan saja cepat sembuh ya :D Untuk kali ini, admin mendapat Inspirasi dari buku Pertama yang saya beli di Gramedia yang judulnya " PEMROGRAMAN WEB dengan HTML "

Langsung saja, karena ini juga bakalan panjang :)

Aturan Penggunaan CSS

Sedikit pengenalan.
CSS merupakan singkatan dari Cascade Style Sheet, merupakan fitur baru dari HTML 4,0. Hal ini diperlukan setelah melihat perkembangan HTML menjadi kurang praktis karena web pages terlalu banyak dibebani hal-hal yang berkaitan dengan faktor tampilan.

Aturan Penggunaan CSS

Secara umum disusun leh tiga bagian yaitu, selector (elemen yang akan didefinisikan), properti (atribut yang akan diubah) dan nilai sebagaimana berikut

            Selector {property: value}

Antara property dan nilai disahkan dengan titik-dua (colon) seperti contoh di bawah ini

            Body {color: black}

Jika nilai berupa beberapa kata, gunakan tanda petik ganda

          P {font-family: "sans-serif" }

Jika lebih dari satu property pisahkan dengan titik-koma (semi colon)

           P {text-align: center; color; red}

Jika ingin lebih mudah dibaca sebagaimana berikut

      P      {      text-align: center;      color: black;      font-family: arial      }

Jika selector dikelompokkan

            H1, H2, H3, H4, H5, H6            {            color :green;            }

Jika menggunakan atribut class (dalam defini CSS).

       P.Kanan {text-align: right}       P.Kiri {text-align: left}

Berikut ini sintaks yang ditulis dalam dokumen html menggunakan defini diatas

         <P class="kanan"> Paragraf yang ke-kanan </p>       <P class="kiri"> Paragraf yang ke-kiri </p>

Jika menggunakan ID atribut

       #Kanan {text-align: right}

Berikut ini sintaks yang ditulis dalam dokumen html menggunakan definisi ID atribut di atas.

        <P id="kanan"> Paragraf yang ke-kanan </p>        <H3 id="kanan"> Header yang ke-kanan juga </H3>

Cukup, segitu dulu saja sobat. Disini sifatnya kita saling belajar ya :) saya share yang saya tahu, dan saling berbagi ilmu saja, karena saya juga masih mempelajari buku ini.
Terima kasih, semoga bermanfaat ^_^