Judul : Belajar Membuat Selector CSS. Tujuan : Mempelajari dan membuat selector CSS berupa selector id, class dan html. Target : Dapat memahami struktur dari pemrograman CSS.
Setelah mempelajari Apa itu CSS pada sesi sebelumnya, sekarang kita akan mempelajari mengenai Selector CSS. Selector CSS adalah pengenal antara html dan CSS sehingga CSS dapat memanipulasi tag HTML tersebut. Selector CSS dibagi menjadi 3 bagian yaitu selector id, selector class dan selector langsung / selector html. Selector id menggunakan tanda pagar, sedangakan selector id mengguanakan tanda titik dan selector html menggunakan tag html langsung. Untuk materi selanjutnya, akan di bahas mengenai Penulisan CSS.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#hijau {color: green; }
.merah {color: red; }
h2 {color: blue; }
</style>
<title> Selector CSS</title>
</head>
<body>
<p>Berikut ini adalah tag HTML yang tidak diberi id hijau</p>
<p id="hijau">Berikut ini adalah tag HTML yang diberi id hijau</p>
<p class="merah">Berikut ini adalah tag HTML yang diberi class merah</p>
<h2>Berikut adalah tag HTML yang dihubungkan dengan style CSS h2</h2>
</body>
</html>
EmoticonEmoticon