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;
}
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 : text-align:center;
font-size:18px;
color:#0000ff;
}
<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.
</div>
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;
}
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
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif
oyoyoy
Oy makasih
ksih contoh dooong
Terimakasih ruey atas Komentarnya di Class dan ID Pada CSSPosting Komentar
Silahkan berkomentar pada blog ini dengan baik dan sopan. Jadilah Top Komentator Untuk Mendapatkan Backlink Gratis!!!