Aturan Penggunaan CSS

Seperti pada bahasa pemrograman yang lainnya, pada bahasa pemrograman CSS ini pun kita tidak bisa sembarangan dalam penulisannya, tentu saja ada aturannya. karena jika kita tidak mengetahui cara penulisan kode css tentu saja tidak akan maksimal hasilnya.

Secara  umum disusun oleh tiga bagian  yaitu, selector (elemen yang akan didefinisikan), property (atribut yang akan diubah) dan nilai sebagai 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 dikelompokkan

H1, H2, H3, H4, H5, H6

{

Color: grenn;

}

Jika menggunakan atribut class (dalam definisi CSS).

P.Kanan {text-align: right}

P.Kiri {text-align: center}

Berikiut ini sintaks yang ditulis dalam dokumen html menggunakan definisi di atas.

<P class=”kanan”> This Paragraph will be right aligned </p>

<P class=”kiri”>   This Paragraph will be center aligned </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”> This Paragraph will be right aligned </p>

<H3 id=”kanan”> This Header will be right aligned too</H3>

 

kursuswebdesign