1. 🎨 Basic text styling examples (CSS):

p {
  color: #333;            /* Text color */
  font-size: 16px;        /* Font size */
  font-family: "Poppins", sans-serif;  /* Font type */
  font-weight: 500;       /* Boldness */
  line-height: 1.6;       /* Line spacing */
  text-align: center;     /* Text alignment */
  text-transform: uppercase; /* Make text uppercase */
  text-decoration: underline; /* Underline text */
  letter-spacing: 1px;    /* Space between letters */
}

2. 💡 Adding effects to text:

h1 {
  color: #0af;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  background: linear-gradient(90deg, #ff8a00, #e52e71);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

(Creates gradient text with a shadow.)

3. ✨ Hover effect example:

a:hover {
  color: #ff4081;
  text-decoration: underline wavy;
}

Would you like me to:

• Show different text style examples (e.g., elegant, modern, neon, etc.)
• Or explain how to style text for a specific project (like a website header or logo)?

You said:

apa itu css

ChatGPT said:

CSS adalah singkatan dari Cascading Style Sheets, yaitu bahasa yang digunakan untuk mengatur tampilan dan gaya (style) dari elemen-elemen di halaman web yang dibuat dengan HTML.

👉 Sederhananya:
Kalau HTML adalah “tulang dan isi” dari halaman web, maka CSS adalah “baju dan tampilan”-nya.

---

🧩 Fungsi utama CSS:

1. Mengatur warna, font, dan ukuran teks
2. Mengatur tata letak (layout) — posisi elemen, jarak, margin, padding
3. Menambahkan efek visual — bayangan, animasi, transisi
4. Membuat tampilan responsif — agar website terlihat bagus di HP, tablet, dan komputer

---

📘 Contoh sederhana:

HTML:

<h1>Halo Dunia!</h1>
<p>Ini adalah paragraf contoh.</p>

CSS:

h1 {
  color: blue;              /* Warna teks */
  text-align: center;       /* Teks di tengah */
}

p {
  color: gray;              /* Warna teks paragraf */
  font-size: 18px;          /* Ukuran teks */
}

Hasilnya: teks “Halo Dunia!” akan berwarna biru dan berada di tengah, sedangkan paragraf berwarna abu-abu dengan ukuran huruf 18px.