1. Apa itu CSS?
Kalau HTML itu “rangka rumah”, CSS itu “cat dan dekorasinya”.
Dengan CSS kamu bisa:
•Mengubah warna teks dan background.
•Mengatur ukuran huruf, jarak antar elemen.
•Mengatur tata letak supaya lebih rapi.
Tanpa CSS, website akan terlihat polos. Dengan CSS, website jadi menarik.
________________________________________
2. Cara Memasukkan CSS ke HTML
Ada 3 cara:
a) Inline CSS – langsung di tag HTML
<p style="color: blue;">Halo, teks ini biru!</p>
b) Internal CSS – di dalam <style> pada <head>
<head>
<style>
body {
background-color: #f2f2f2;
}
</style>
</head>
c) External CSS – file terpisah .css
<link rel="stylesheet" href="style.css">
Cara ini paling rapi kalau website sudah agak besar.
________________________________________
3. Properti Dasar CSS
Beberapa properti yang sering dipakai:
/* Warna dan font */
h1 {
color: green; /* warna teks */
font-family: Arial, sans-serif; /* jenis huruf */
font-size: 32px; /* ukuran huruf */
}
/* Background dan border */
body {
background-color: #f7f7f7; /* warna latar */
}
img {
border: 2px solid #333; /* garis tepi */
border-radius: 10px; /* sudut melengkung */
}
/* Jarak (margin & padding) */
p {
margin: 10px; /* jarak luar */
padding: 15px; /* jarak dalam */
}
Dengan properti-properti ini kamu sudah bisa mulai mempercantik halaman profil HTML yang sebelumnya kamu buat.
________________________________________
📌 Catatan ringan:
Mulailah dari hal sederhana — ganti warna teks, ubah font, beri background — nanti pelan-pelan tambah efek dan layout.
Fastabiqul Khairat...
Tinggalkan Komentar
Komentar (2)
..
(2025-11-15 06:58:09)
..
anonymous
(2025-11-15 06:54:52)
ok