Aturan Penulisan
Aturan penulisan CSS berisi set intruksi yang memerintahkan browser untuk mengikuti aturan dan mengubah tampilan elemen XHTML berdasarkan pada nilai-nilai yang diberikan.
Struktur Penulisan
CSS dideklarasikan sebagai atribut pada elemen. Tidak dibangun sebagai aturan, dan
tidak ada selector. Properti dan nilainya melekat langsung pada elemen.
Example :
<html>2. Embedded Style Sheets
<head>
<title>Inline Styles CSS</title>
</head>
<body>
<h2 style="text-decoration:underline;">Pandawa</h2>
<p style="color:blue;">Nakula dan Sadewa adalah adalah saudara kembar.
Mereka adalah adik tiri Yudistira, Bima, Arjuna.</p>
</body>
</html>
Aturan CSS ditanamkan dalam elemen head dari dokumen. Aturan tersebut hanya berlaku
pada dokumen dimana dideklarasikan.
Example :
<html>3. External Style Sheets
<head>
<style type="text/css">
h2 { text-decoration:underline; }
p { color:blue; }
.example { background:yellow;color:red; }
</style>
</head>
<body>
<h2>Pandawa</h2>
<p>Nakula dan Sadewa adalah adalah saudara kembar. Mereka
adalah adik tiri Yudistira, Bima, Arjuna.</p>
<p>Namun, <span class="example">kesetiaan</span> mereka
pada Pandawa tak pernah goyah.</p>
<body>
</html>
Menempatkan aturan CSS secara terpisah, style sheet external terhubung dengan
dokumen melalui elemen head. File style sheet text disimpan menggunakan ekstensi .css.
Example :
latihan_ 14.css
h2 { text-decoration:underline; }latihan_14.html
.dewi_kunti, .pandhu { background:yellow;color:red; }
#info_bima { color:green; }
<html>
<head>
<title>External Style Sheets</title>
<link rel="stylesheet" type="text/css" href="latihan_14.css" />
</head>
<body>
<h2>Bima</h2>
<p>
Bima adalah anak ke-2 <span class="dewi_kunti">Dewi Kunti</span> dan
<span class="pandhu">Pandhu</span>
</p>
<p id="info_bima">
Nama lainnya adalah Bimasena dan Werkudara.<br />
Bahasa yang digunakan selalu kasar dan selalu menakutkan musuh,
walaupun hatinya baik.
</p>
<body>
</html>
