Mengenal Arti dan Dasar CSS

Sebelum anda melanjutkan, anda harus memiliki pemahaman dasar tentang XHTML / HTML. Silahkan ke halaman utama blog ini untuk membaca dasar XHTML / HTML.

---

Apa itu CSS ?

CSS singkatan dari Cascading Style Sheets. CSS digunakan untuk menampilkan HTML dengan baik.

---

Perintah CSS

Kode CSS harus disimpan dalam strukture CSS, dan bisa juga disimpan disebuah file.

Kalau di Blogspot seperti ini :

<b:skin><![CDATA[
kode css...
]]></b:skin>

Tapi yang benar seperti ini :

<style type="text/css">
kode css...
</style>

CSS memiliki dua bagian utama : pemilih dan deklarasi.


Pemilih biasannya elemen HTML. Deklarasi terdiri dari properti dan nilai.
Deklarasi selalu diakhiri dengan tanda titik koma, dan kelompok deklarasi dikelilingi kurung seperti ini {...}.

p {color:white;text-align:left;}

Agar lebih mudah dibaca, anda dapat meletakkan satu deklarasi pada setiap baris, seperti ini :

p {
color:white;
text-align:left;
}

---

Komentar dikode CSS

Biasanya komentar digunakan untuk menjelaskan suatu kode, dan memudahkan ketika anda ingin mengedit kode. Browser akan mengabaikannya.

Sebuah komentar diawali dengan /* dan diakhiri */

/*komentar...*/
p{
color:white;
/*huruf paragraf akan berwarna putih*/
text-align:left;
}

---

CSS id dan class

Sebelumnya ini contoh elemen HTML.
Jika elemen HTML seperti ini :

<h1>Header 1</h1>

Kode CSSnya seperti ini :

h1 {
color:black;
font-size:18px;
}

Id menggunakan attribute id dalam elemen HTML, dan dikode CSS biasanya pemilih diawali "#".

Misalnya Nano meletakkan attribute id="satu" pada elemen kode HTML dan kode CSSnya seperti ini :

#satu {
text-align:center;
font-size:14px;
}

class menggunakan class dalam attribute elemen HTML, dikode CSSnya pemilih diawali dengan tanda titik
Contoh Nano meletakkan attribute class="dua" pada elemen kode HTML, kode CSSnya seperti ini :

.dua {
text-align:left;
font-size:18px;
}

Sumber