Jadwal Kursus

Tutorial Dasar CSS

• Panduan CSS
• Pengantar CSS
• Sintaks CSS
• Pemilihan Pemilih CSS
• Penggunaan CSS
• Komentar CSS
• Warna CSS
• Warna RGB CSS
• Warna HEX CSS
• Warna HSL CSS
• Latar Belakang CSS
• Gambar Latar Belakang CSS
• Pengulangan Latar Belakang CSS
• Latar Belakang Tersesuaikan CSS
• Atribut Latar Belakang Singkat CSS
• Garis Border CSS
• Lebar Border CSS
• Warna Border CSS
• Garis Border Panjang CSS
• Atribut Border Singkat CSS
• Garis Lengkungan Border CSS
• Marjin CSS
• Penggabungan Marjin CSS
• Marjin Dalam CSS
• Tinggi/Lebar CSS
• Model Bok CSS
• Garis Silang CSS
• Lebar Garis Silang CSS
• Warna Garis Silang CSS
• Atribut Garis Silang Singkat CSS
• Offset Garis Silang CSS
• Teks CSS
• Perataan Teks CSS
• Dekorasi Teks CSS
• Transformasi Teks CSS
• Jarak Kata Teks CSS
• Gelang Teks CSS
• Font CSS
• Gaya Font CSS
• Ukuran Font CSS
• Font Google CSS
• Atribut Font Singkat CSS
• Ikon CSS
• Tautan CSS
• Daftar CSS
• Tabel CSS

Tutorial Menengah CSS

• Display CSS
• max-width CSS
• Pemosisian CSS
• z-index CSS
• Tumpang Tepi CSS
• Paralayuan CSS
• Pembersihan Paralayuan CSS
• Contoh Lembutan CSS
• inline-block CSS
• Penyambungan CSS
• Pembiner CSS
• Pseudo-kelas CSS
• Pseudo-element CSS
• Transparansi CSS
• Navigasi Bar CSS
• Navigasi Bar Vertikal CSS
• Navigasi Bar Horizontal CSS
• Menu Tarik Turun CSS
• Galeri Gambar CSS
• Image Sprite CSS
• Pemilih Atribut CSS
• Formulir CSS
• Penjulian CSS
• Layout Situs Web CSS
• Satuan CSS
• Spesifisitas CSS
• CSS !important
• Fungsi Matematika CSS

Tutorial Tingkat Lanjut CSS3

• Lengkungan CSS
• Gambar Border CSS
• Latar Belakang CSS
• Warna CSS
• Kata Warna CSS
• Garis Latar Belakang
• Garis Latar Belakang Radial
• Gelang
• box-shadow CSS
• Efek Teks CSS
• Font Net CSS
• Transformasi 2D CSS
• Transformasi 3D CSS
• Transisi CSS
• Animasi CSS
• Tooltip CSS
• Gaya Gambar CSS
• Properti object-fit CSS
• object-position CSS
• Masker CSS
• Tombol CSS
• Pemanggilan Halaman CSS
• Banyak Kolom CSS
• Antarmuka Pengguna CSS
• Variabel CSS
• Variabel Tulis Lapisan CSS
• Variabel CSS - JavaScript
• Variabel CSS - Query Media
• CSS @property
• Box Sizing CSS
• Flexbox CSS
• Kueri Media CSS
• Contoh Kueri Media CSS

Desain Respon CSS

• Ringkasan RWD
• Viewport RWD
• Tampilan Grid RWD
• Query Media RWD
• Gambar RWD
• Video RWD

Tutorial Grid CSS

• Modul Susun Atas CSS
• Kontainer Susun Atas CSS
• Item Susun Atas CSS

Contoh CSS

• Contoh CSS

Ujian CSS

• Ujian CSS

Panduan Referensi CSS

• Panduan Referensi CSS
• Dukungan Peramban CSS
• Pemilihan Pemilih CSS
• Fungsi CSS
• Satuan CSS
• Audisi CSS
• Font Net Keamanan CSS
• Produksi Animasi CSS
• Satuan CSS
• Warna CSS
• Nilai Warna CSS
• Nilai Default CSS
• Entitas CSS

Kursus Pilihan

Rekomendasi Kursus:

• Panduan CodeW3C.com

Nilai HEX

Dalam CSS, dapat digunakan nilai heksadesimal berikut untuk menentukan warna dalam format ini:

#rrggbb

Di sini rr (merah), gg (hijau) dan bb (biru) adalah nilai heksadesimal yang berada di antara 00 dan ff (yang sama dengan desimal 0-255).

Contohnya, #ff0000 ditampilkan dengan merah, karena merah diatur ke nilai maksimum (ff), sedangkan yang lain diatur ke nilai minimum (00).

Silakan lakukan eksperimen dengan kombinasi nilai heksadesimal berikut:

Contoh

Coba Sendiri

Biasanya nilai yang sama digunakan untuk 3 sumber cahaya untuk mendefinisikan bayangan abu-abu:

Contoh

Coba Sendiri

Alat Tangguh

Panduan Referensi CSS

Contoh CSS

Ujian CSS

Buku Lengkap CSS

Tautan Pemilik