CSS

🎨 Apa Itu CSS?

CSS itu singkatan dari Cascading Style Sheets. Tapi gak usah mikirin namanya ribet itu. Intinya sih…

CSS tuh tukang make-up-nya HTML.
HTML ngatur “apa aja yang ada”, CSS ngatur “gimana tampilannya”.

💅 CSS Ngapain Aja?

Bayangin lo punya web isinya cuma teks hitam putih doang. Ngebosenin banget kan?

Nah, CSS itu yang bikin semuanya jadi lebih kece, contohnya:

• Ngerubah warna teks & background
• Ngerapihin layout biar gak berantakan
• Ganti font biar gak kaku
• Bikin tombol keliatan ngejreng
• Nambahin animasi & transisi biar lebih hidup

Pokoknya kalo HTML itu rangka, CSS itu bajunya. Lo gak mau dong web lo tampil kayak orang bangun tidur belum man

📄 Contoh Gaya CSS

Misalnya lo punya HTML kayak gini:

<h1>Selamat Datang!</h1>
<p>Ini web gue yang kece badai.</p>

Lo bisa hias pake CSS gini:

h1 {
  color: red;
  text-align: center;
  font-family: 'Comic Sans MS';
}

p {
  color: #555;
  font-size: 18px;
}

Hasilnya? Judul jadi merah & center, paragraf jadi abu-abu dan tulisannya agak gede. Lebih enak diliat kan?

---

🔌 Cara Pakai CSS di Web

Ada 3 cara nih buat masukin CSS ke HTML:

1. Inline (langsung di tag HTML-nya, tapi kurang rapi)

<p style="color: blue;">Halo bro!</p>

2. Internal (di bagian <style> di file HTML)

<style>
  body {
    background-color: black;
    color: white;
  }
</style>

3. External (dipisah di file .css khusus, paling rapi & direkomendasiin)

<link rel=”stylesheet” href=”style.css”>

🧠 Intinya Gini:

• HTML = ngebentuk isi,
• CSS = ngatur style / tampilan,
• Dua-duanya kayak pasangan yang gak bisa dipisah.
• Kalo HTML doang = boring
• Kalo CSS doang = gak bisa jalan, soalnya gak ada isinya 😅

---

Mau lanjut ke JavaScript abis ini? Biar web lo gak cuma cakep tapi juga bisa gerak & interaktif.