Blog Masholeh || Mengenal Perbedaan Class Dan ID pada CSS, kali ini saya akan menulis mengenai tutorial Css : mengenal Calass dan Id. Class dan Id merupakan sebuah selector yang lebih selektif lagi karena anda dapat mengatur tag Html yang sama ditampilkan secara berbeda tergantung dari Class dan Id yang di gunakan.
.jpg "Mengenal Perbedaan Class Dan ID pada CSS")
Agar anda dapat lebih mengetahui Class dan Id pada CSS silahkan perhatikan contoh berikut
# tulisan_warna_merah : Id
. tulisan_warna_biru : Class
Agar anda dapat lebih mengetahui Class dan Id pada CSS silahkan perhatikan contoh berikut
<html>
<head>
<title>Belajar CSS –
Mengenal Class Dan ID Di CSS</title>
</head>
<body>
<style>
#tulisan_warna_merah{
color:red;
}
.tulisan_warna_biru{
color:blue;
}
</style>
<div
id='tulisan_warna_merah'>
Ini Tulisan Bewarna Merah
</div>
<div
class='tulisan_warna_biru'>
Ini Tulisan Bewarna Biru
</div>
</body>
</html>
Untuk penggunaan Id maka setiap menuliskan code CSS wajib didahului oleh tanda paga (#)
Untuk penggunaan Class maka setiap menuliskan code CSS wajib didahului oleh tanda titik (.)
Seperti contoh di atas
Untuk penggunaan Class maka setiap menuliskan code CSS wajib didahului oleh tanda titik (.)
Seperti contoh di atas
# tulisan_warna_merah : Id
. tulisan_warna_biru : Class
Kesimpulan :
Untuk memunculkan Id gunakan <div id="nama id">
untuk memunculkan class gunakan <p class="nama class">
untuk memunculkan class gunakan <p class="nama class">
0 komentar:
Posting Komentar