Menu

Variabel

Termasuk bagian Frontend Praktis dalam perjalanan HTML di Coddy. Pelajaran 1 dari 35.

Saat kamu membuat situs web yang lebih besar dan lebih kompleks, mengelola warna, ukuran, atau font yang berulang menjadi lebih sulit. Mengubah satu nilai berarti memperbarui banyak tempat.

Variabel CSS memungkinkan kamu menyimpan nilai-nilai ini sebagai nama (seperti --main-color) dan menggunakannya kembali di seluruh CSS. Ubah variabelnya sekali, lalu nilainya diperbarui secara otomatis di mana-mana.

Alat ini sangat membantu menjaga kode tetap rapi dan konsisten, dan banyak developer menggunakannya untuk membangun situs web modern.

Coba sendiri

Pelajaran ini tidak memiliki tantangan kode.

Uji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Frontend Praktis

1Variabel

VariabelMenggunakan Variabel CSS Variabel untuk Token Desain Variabel Lokal Tantangan Rangkuman

4Olahraga Ekstrem

Variabel Utamakan Seluler Penerapan Tema

7Tantangan Akhir

Kartu Profil Grid Galeri Cokelat Tujuh Keajaiban Tujuh Keajaiban Baru

2Strategi mobile-first

Arti mobile-first Tipografi mobile-first Navigasi mobile-first Gambar mobile-first Formulir mobile-first Tantangan rangkuman

5Komponen UI

Menu dropdown Tab Lencana Tooltip Banner notifikasi Tantangan rangkuman

3Tema dan Gaya Visual

Penerapan Tema di CSS Dasar Mode Gelap dan Terang Warna Aksen dan Penyorotan Tema Tipografi Tantangan Rangkuman

6Pola Responsif

Tata Letak Holy Grail Tata Letak Grid Kartu Tata Letak Sidebar + Konten Tata Letak Layar Terbagi Header / Footer Tetap Tantangan Ulasan

Latihan sendiri: Playground Web