Mengenal class dan id CSS
agar anda dapat lebih mengetahui Class dan Id pada CSS silahkan perhatikan contoh berikut :
<html>
<head>
<title>tutorial CSS : Mengenal Class dan Id</title>
<style>
#header {background-color: blue; padding: 1 em}
.intro {color : red; font-weight:blod}
</style>
</head>
<body>
<div id=”header”>
<h1>Latihan CSS</h1>
<p>Saya sedang belajar CSS</p>
<p>Saya sedang belajar Class dan Id</p>
</div>
</body>
</html>
<head>
<title>tutorial CSS : Mengenal Class dan Id</title>
<style>
#header {background-color: blue; padding: 1 em}
.intro {color : red; font-weight:blod}
</style>
</head>
<body>
<div id=”header”>
<h1>Latihan CSS</h1>
<p>Saya sedang belajar CSS</p>
<p>Saya sedang belajar Class dan Id</p>
</div>
</body>
</html>
Keterangan :
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
#header : Id
.intro : Class
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
#header : Id
.intro : Class
Untuk memunculkan Id gunakan <div id=”nama id”>
untuk memunculkan class gunakan <p>
untuk memunculkan class gunakan <p>
biasanya id dan class digunakan untuk membagi-bagi bagian antara header footer dan juga sidebar, agar lebih spesifik
Tag :
CSS
0 Komentar untuk "Mengenal Class dan Id CSS"