Apa itu CSS

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;

}

Mudah-mudahan ngerti... Nano sengaja menggabungkan menjadi satu tentang pengenalan CSS, supaya lebih dinamis.
Jangan pusing dulu, karena baru saja mulai tentang CSS.

Alhamdulillah