Belajar Selector Pada CSS
Assalamualaikum sahabat Ikut Belajar Blog, sekarang kita Belajar CSS, untuk pengenalan sudah dipostingan sebelumnya. jadi sekarang Lebih Lanjut Tentang Selector. ya langsung saja biar tidak lama-lama karena ntar lagi masih ada meteri.
Dalam CSS, terdapat cascade yang
merupakan metode untuk mengatur style supaya tidak terjadi konflik. Untuk lebih
jelasnya perhatikan contoh berikut ini.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Guide</title>
<style type="text/css">
p {
color: red;
}
em {
color: green;
}
</style>
</head>
<body>
<h1>Ini
adalah heading 1</h1>
<p>Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini
adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah
paragraf. Ini adalah paragraf. <em>Ini adalah huruf dicetak
miring</em>. Ini adalah paragraf. Ini adalah paragraf. Ini adalah
paragraf. Ini adalah
paragraf. </p>
<h1><em>Ini
adalah heading 1</em></h1>
<p>Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini
adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah
paragraf. Ini adalah paragraf. <em>Ini adalah huruf dicetak
miring</em>. Ini adalah paragraf. Ini adalah paragraf. Ini adalah
paragraf. Ini adalah
paragraf. </p>
</body>
</html>
Pada code di atas terdapat style
untuk mengatur tampilan elemen paragraf (<p>) dan untuk emphasize atau
<em> (cetak miring seperti halnya italic). Perhatikan apa yang terjadi
dengan tampilannya di browser
Lebih Lanjut Tentang Selector
Silahkan Download Kelanjutannya. <<<<<<>>>>>
Post a Comment
Silahkan Berkomentar Dengan Baik dan Sopan
No Spam
No Link
Terima Kasih Telah Berkunjung Ke Blog ini