Struktur Sederhana CSS

Membangun Web dengsn CSS dikenal struktur tulisan baku sebuah aturan selector maupun declaration. ini berguna agar aturan CSS tersebut dapat ditampilkan dengan baik pada dokumen yang dibuat.
1. Class Selector
Aturan CSS dibuat dengan menggunakan titik atau dot sebagai deklarationnya. Kemudian akan dilanjutkan dengan mendifinisikan class sebagai selectornya. Contoh:
<html>
<head>
<title>Class Selector</title>
<style type ="text/css">
tulis.1da {font-family : verdana ;}
tulis.2da {font-family : Times ;}
</style>
<body>
<tulis class="2da"> Contoh tulisan dengan font Times</tulis>
<tulis class=1da"> Contoh tulisan dengan font Verdana</tulis>
</body>
</head></hatml>

2. Id Selector
Pada Id aturan CSS dibuat menggunakan # sebagai selectornya dan dilanjutkan dengan div id sebagai declaraationnya, contoh:
<html>
<head>
<title>Class Selector</title>
<style type ="text/css">
#tulis1da {font-family : verdana ;}
#tulis2da {font-family : Times ;}
</style>
<body>
<div id="tulis1da"> Contoh tulisan dengan font Times</div>
<div id ="tulis2da"> Contoh tulisan dengan font Verdana</div>
</body>
</head></hatml>

Komentar

Postingan Populer