Apa itu CSS, Mengapa Penting?

 Yaa.. kali blog tampilannya datar seperti .doc ?!

Agar tampilan semakin kece, kita membutuhkan bantuan CSS. 

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Halo, calon ahli digital masa depan!
Yuk, belajar bareng Bu Mawar—karena dari satu klik, bisa lahir sejuta ide dan manfaat.

CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan dan tata letak halaman web. HTML berfungsi untuk struktur (isi), sedangkan CSS mengatur bagaimana isi itu terlihat.

1. Fungsi utama CSS

• Mengatur tampilan visual: warna, font, ukuran, spasi, posisi, dan animasi.
• Memisahkan konten dan desain: HTML hanya berisi struktur data, CSS mengatur gaya.
• Membuat tampilan konsisten: satu file CSS bisa digunakan oleh banyak halaman web.
• Meningkatkan efisiensi: perubahan gaya di satu file otomatis memperbarui seluruh halaman.
• Mendukung responsif: tampilan otomatis menyesuaikan ukuran layar (mobile, tablet, desktop).

2. Cara kerja CSS

Browser membaca aturan CSS (selector + properti + nilai) untuk menentukan bagaimana menampilkan elemen HTML.

Contoh:

p {

  color: blue;

  font-size: 16px;

}

Artinya: semua elemen <p> diberi warna biru dan ukuran huruf 16 piksel.

3. Bentuk penerapan CSS

Inline CSS — langsung dalam tag HTML:

<p style="color:red;">Teks merah</p>

Internal CSS — di dalam <style> pada file HTML:

<style>

p { color: red; }

</style>

External CSS — file .css terpisah (cara terbaik):

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

4. Mengapa CSS penting

•  Desain menarik, CSS membuat halaman lebih indah, profesional, dan mudah dibaca.
•  User experience, Tata letak rapi dan responsif meningkatkan kenyamanan pengguna