Gank Zone Blog? Join Now!
RSS Feed Facebook Twitter

Class dan ID Pada CSS

Share or Like on :


Berikut akan saya jelaskan mengenai perbedaan class dan id pada selector tag html, semoga dapat membantu.

Class

Class selector adalah penggabungan beberapa properties yang digunakan lebih dari satu kali. Artinya Anda dapat memberikan class CSS pada beberapa tag html.
Cara penulisan Class Selector:
.nama-class {

property:value;

}
Perhatikan tanda titik di setiap awal nama Class. Jika anda ingin menggunakan class selector di luar kode HTML anda dapat menggunakan tag <div class="nama-class"> dan di akhiri dengan tag </div>. Maka tag div tersebut akan bercss.
Contoh :

Penulisan kode CSS :
.style {

text-align:center;

font-size:18px;

color:#0000ff;

}
Pemakaian kode CSS :
<div class="style">

Teks akan rata tengah dan ukurannya 18 pixel.
Dan tulisan berwarna biru.

</div>
Hasil :
Teks akan rata tengah dan ukurannya 18 pixel. Dan tulisan berwarna biru.

ID

ID Selector mirip dengan Class selector. Untuk membedakannya, gunakanlah ID selector untuk memformat bagian yang hanya muncul satu kali dalam satu halaman web, misalnya untuk memformat bagian menu / sidebar.
Cara penulisan ID Selector:
#nama-ID {

property:value;

}
Perhatikan tanda # di setiap awal nama ID. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag <div id="nama-ID"> dan di akhiri dengan tag </div>. Cara pemakaian sama seperti di atas namun perbedaannya hanya pada class dan id.
Sekian Tutorial kali ini semoga dapat membantu.



3 komentar

Sabtu, 17 Desember, 2011

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif
oyoyoy

Senin, 19 Desember, 2011

Oy makasih

ruey
Jumat, 07 Desember, 2012

ksih contoh dooong

Terimakasih ruey atas Komentarnya di Class dan ID Pada CSS

Posting Komentar

Silahkan berkomentar pada blog ini dengan baik dan sopan. Jadilah Top Komentator Untuk Mendapatkan Backlink Gratis!!!

 
© Copyright 2012 - Gank-Zone Blog. Powered by Blogger.com and Gank-Zone
Gank Zone Blog