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 | Kayuagung Cyber Team
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 ^_^
Previous
Next Post »

2 komentar

Click here for komentar

Terima Kasih telah meluangkan waktu anda untuk melihat blog ini, tinggalkan lah jejak komentar anda dengan berkomentar disini ' :D

Kayuagung Cyber Team | Berita Cyber | Cyber News | Teknologi IT | JKT48 Voice Alarm | Photoshop | Desain | Hacking | Tutorial Deface | Web HTML | All About Cyber Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Thanks for your comment