Belajar HTML & CSS untuk Pemula
Modul ini akan membantu Anda memahami dasar-dasar pembuatan halaman web dengan HTML dan CSS.
Bab 2: Pengenalan CSS
No image available
Bab 2: Pengenalan CSS
2.1 Apa itu CSS?
CSS (Cascading Style Sheets) digunakan untuk mengatur tampilan halaman web, termasuk warna, font, dan layout.
2.2 Cara Menggunakan CSS
Tiga cara menambahkan CSS:
-
Internal CSS (di dalam tag
<style>di<head>)
<style>
p {
color: blue;
font-size: 16px;
}
</style>
-
Inline CSS (langsung dalam elemen HTML)
<p style="color: red;">Paragraf dengan warna merah</p>
-
External CSS (menggunakan file
.css)
p {
color: green;
font-size: 18px;
}
Lalu dipanggil di HTML:
<link rel="stylesheet" href="style.css">
2.3 Selector CSS
-
Selector Elemen:
p { color: blue; } -
Selector Kelas:
.judul { font-weight: bold; } -
Selector ID:
#utama { text-align: center; }