Jadwal Kursus

Tutorial Dasar CSS

• Panduan CSS
• Pengantar CSS
• Syarat CSS
• 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
• Batas CSS
• Lebar Batas CSS
• Warna Batas CSS
• Batas Setiap Sisi CSS
• Atribut Batas Singkat CSS
• Batas Belah Kerucut CSS
• Marjin CSS
• Perpaduan Marjin CSS
• Marjin Dalam CSS
• Tinggi/Lebar CSS
• Model Bok CSS
• Garis Latar Belakang CSS
• Lebar Garis Latar Belakang CSS
• Warna Garis Latar Belakang CSS
• Atribut Garis Latar Belakang Singkat CSS
• Offset Garis Latar Belakang CSS
• Teks CSS
• Pengaturan Teks CSS
• Dekorasi Teks CSS
• Transformasi Teks CSS
• Jarak 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
• Posisi CSS
• z-index CSS
• Keluaran CSS
• Geser Lembut CSS
• Pembersihan Geser Lembut CSS
• Contoh Gerakan CSS
• inline-block CSS
• Penyesertaan CSS
• Penggabungan CSS
• Pseudo-kelas CSS
• Pseudo-element CSS
• Transparansi CSS
• Barru Navigasi CSS
• Barru Navigasi Vertikal CSS
• Barru Navigasi Horizontal CSS
• Daftar Tarik Turun CSS
• Galeri Gambar CSS
• Image Sprite CSS
• Pemilih Atribut CSS
• Formulir CSS
• Hitung CSS
• Layout Situs CSS
• Satuan CSS
• Spesifisitas CSS
• CSS !important
• Fungsi Matematika CSS

Tutorial Tingkat Lanjut CSS3

• Belah Kerucut CSS
• Gambar Batas CSS
• Latar Belakang CSS
• Warna CSS
• Kata Kunci Warna CSS
• Garis Latar Belakang
• Garis Latar Belakang Radial
• Gelang Latar Belakang
• box-shadow CSS
• Efek Teks CSS
• Font Nama Jaringan 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
• Pemagilian CSS
• Beralih Kolom CSS
• Antarmuka Pengguna CSS
• Variabel CSS
• Variabel Tulis Dalam 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 Browser CSS
• Pemilih CSS
• Fungsi CSS
• Satuan CSS
• Audisi CSS
• Font Nama Jaringan Berkeamanan CSS
• Pembuatan Animasi CSS
• Satuan CSS
• Warna CSS
• Nilai Warna CSS
• Nilai Default CSS
• Entitas CSS

Kursus Pilihan

Rekomendasi Kursus:

• Panduan CodeW3C.com

Nilai RGB

Dalam CSS, dapat digunakan formula berikut untuk menentukan warna sebagai nilai RGB:

rgb(red, green, blue)

setiap parameter (red,green dan blue) menentukan intensitas warna dari 0 hingga 255.

Contohnya, rgb(255, 0, 0) ditampilkan sebagai merah, karena merah diset ke nilai maksimal (255), lainnya diset ke 0.

Untuk menampilkan hitam, atur semua parameter warna menjadi 0, seperti berikut: rgb(0, 0, 0).

Untuk menampilkan putih, atur semua parameter warna menjadi 255, seperti berikut: rgb(255, 255, 255).

Silakan lakukan eksperimen dengan menggabungkan nilai RGB berikut:

Contoh

Coba Sendiri

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

Contoh

Coba Sendiri

Nilai RGBA

RGBA nilai warna adalah ekspansi warna RGB yang memiliki channel alpha - ia menentukan kecerahan warna.

Nilai Warna RGBA ditentukan sebagai:

rgba(red, green, blue, alpha)

alpha Parameter adalah angka yang berada di antara 0.0 (sangat transparan) dan 1.0 (sangat tak transparan):

Silakan lakukan eksperimen dengan kombinasi nilai RGBA berikut:

Contoh

Coba Sendiri

Alat Tangkap

Panduan Referensi CSS

Contoh CSS

Ujian CSS

Buku Luar Biasa CSS

Tautan Pemilik