Komponen Utama Desain Web dengan CSS :
1. <div> = element HTML yang digunakan untuk membuat blok.
2. float = property CSS yang digunakan untuk menentukan posisi <div>.
3. clear = property CSS yang digunakan untuk menghapus sifat desain CSS agar tidak mempengaruhi desain dibawahnya.
Selector CSS :
1. Selector = fungsi yang berisi deklarasi CSS.
2. Declaration = isi dari selector yang terdiri dari property dan value.
3. Property = komponen pembentuk sifat desain CSS.
4. Value = isi/nilai dari property CSS.
Format Penulisan CSS :
selector { property1:value1; property2:value2; }
Pemanggilan fungsi selector dalam HTML :
1. Untuk HTML
<style>
p { color:lightblue; }
</style>
<body>
<p>Ini Warna Biru Terang</p>
</body>
2. Dengan Class
<style>
.color { color:green; }
</style>
<body>
<p class="color">Ini Colornya Ijo</p>
</body>
3. Dengan Identity (id) --> unik
<style>
#header { color:lightred; }
</style>
<body>
<div id="header">Ini header</div>
</body>
by :Rony Sutiyanto
sumber : materi Pengenalan Perancangan Web, pak Widhiarta (dosen STMIK Amikom Yogyakarta)
1. <div> = element HTML yang digunakan untuk membuat blok.
2. float = property CSS yang digunakan untuk menentukan posisi <div>.
3. clear = property CSS yang digunakan untuk menghapus sifat desain CSS agar tidak mempengaruhi desain dibawahnya.
Selector CSS :
1. Selector = fungsi yang berisi deklarasi CSS.
2. Declaration = isi dari selector yang terdiri dari property dan value.
3. Property = komponen pembentuk sifat desain CSS.
4. Value = isi/nilai dari property CSS.
Format Penulisan CSS :
selector { property1:value1; property2:value2; }
Pemanggilan fungsi selector dalam HTML :
1. Untuk HTML
<style>
p { color:lightblue; }
</style>
<body>
<p>Ini Warna Biru Terang</p>
</body>
2. Dengan Class
<style>
.color { color:green; }
</style>
<body>
<p class="color">Ini Colornya Ijo</p>
</body>
3. Dengan Identity (id) --> unik
<style>
#header { color:lightred; }
</style>
<body>
<div id="header">Ini header</div>
</body>
by :Rony Sutiyanto
sumber : materi Pengenalan Perancangan Web, pak Widhiarta (dosen STMIK Amikom Yogyakarta)
No comments:
Post a Comment