Tutorial CSS - ID dan CLASS

CSS digunakan untuk pemformatan style/tampilan sebuah halaman website. Untuk memudahkan pengaturan style Anda dapat menggunakan ID selector dan CLASS selector. Selector tersebut juga dapat Anda gunakan untuk membuat layout/tata letak halaman website. Intinya, selector ID dan CLASS memiliki fungsi untuk menggabungkan beberapa properties yang akan digunakan lebih dari satu kali.
ID dan CLASS memiliki fungsi yang sama, Anda akan memahaminya dan menggunakannya dengan mudah setelah mengerti dan mempelajari posting berikut ini.

1. CLASS

Penulisan CLASS di file CSS nya (*.css) ataupun di dalam tag HEAD (jika menggunakan embedded style sheet)
.namaclass {property:value}
misal => .teks-utama {text-align:justify; font-weight:normal;}

Penggunaan class di file HTML nya / halaman website
<div class="teks-utama">
     Ini adalah teks di dalam class "teks-utama", format teks adalah justify/rata kanan-kiri. Anda dapat menambahkan property berapapun di dalam sebuah ID.
</div>

2. ID

Penulisan ID pada dasarnya sama dengan cara penulisan CLASS, hanya saja ID diawali dengan tanda pagar "#"
#namaid {property:value}
misal => #sidebar-right {text-align:justify; float:right;}

Penggunaan ID di file HTML nya / halaman website
<div id="sidebar-right">
     Ini adalah teks di dalam ID "sidebar-right", format teks adalah justify/rata kanan-kiri, yang ada di dalam ID tersebut akan melayang ke kanan. Anda dapat menambahkan property berapapun di dalam sebuah ID.
</div>

Ingat : penulisan nama CLASS dan ID harus diawalai dengan titik (untuk CLASS) dan pagar (untuk ID) pada file css nya ataupun di HEAD. Nama CLASS dan ID diawali dengan huruf, dan tanpa spasi.

Penerapan ID dan CLASS (dengan external style sheet)

*akan saya isi di kemudian hari.. hehe maaf :D*