Hello semuanya kali ini kita akan bahas mengenai CSS (Cascading Style Sheet), CSS adalah kumpulan format yang digunakan untuk mengatur tampilan atau isi dari sebuah halaman web menjadi lebih fleksibel. Dibawah ini ada beberapa elemen dasar dari CSS.
- Selector adalah tag/elemen normal pada HTML.
- Declarations adalah satu atau beberapa perintah/nilai dari CSS yang menunjukan type/bentuk yang diaplikasikan pada selector yang terdiri dari
- Properti (property)
- Nilai properti (value)
- selector (property:value)
Penulisan CSS
- Inline CSS style
Inline style merupakan style yang bisa kita sisipkan pada elemen web tertentu saja dalam
1 dokumen
contoh:
<p style="color : blue; margin-left:25px"> paragrap ini berwarna biru</P>
- Internal CSS style
CSS style yang dituliskan/disisipkan langsung pada header dokumen HTML (CSS style yang penulisanya digabung denga dokumen HTML yang diletakan pada header).
contoh:
<style type="text/css">
body {background-image:url("c:\omhegar.jpg")}
</style>
- External CSS style
CSS style yang disimpan terpisah dengan dokumen HTML
contoh:
membuat gambar browser menjadi gambar sunset (gambar sunset.jpg terletak di drive c:)
dan css file di drive c.
EXTENAL.CSS(nama file CSS)
/* CSS dokumen */
hr (color: sienna)
P {margin-left:20px}
body {background-image: url("c:\sunset.jpg")}
EXTERNAL.HTML (File yang memanggil file CSS)
<html>
<head>
<link rel="stylesheet" type="text/css" href="c:\omhegar.css">
</head>
<body>
.........
.........
</body>
</html>
0 comments:
Post a Comment