Cari
Cari materi
Kelas, materi, alat, lab, tryout, panduan, contekan, prompt, dan templat dalam satu pencarian. Membuka materi dari sini tidak mendaftarkanmu ke kelas.
33 hasil untuk “CSS”
Panduan 1
Buka PanduanAlat 1
Buka AlatLab interaktif 1
Buka Lab interaktifTopik 1
Kelas 7
- Pemula
CSS Tata Letak dan Responsif
Flexbox, Grid, position, dan media query — ditulis di editor, hasilnya langsung terlihat.
- Pemula
Bangun Halaman Web Pertamamu
Tulis kode, jalankan, lihat hasilnya — semuanya di browser ini.
- Pemula
JavaScript dari Nol
Variabel, fungsi, keputusan, array, objek, dan dasar DOM — ditulis dan diuji langsung di browser.
- Menengah
Aksesibilitas Web
Membuat halaman yang bisa dipakai semua orang, diukur dengan WCAG 2.2 tingkat AA.
- Pemula
Dasar Desain Antarmuka
Hierarki, jarak, grid, keadaan komponen, formulir, dan layar sentuh menurut sistem desain terbuka.
- Pemula
Cepat Menguasai Skill Baru
Kerangka dari The First 20 Hours (Josh Kaufman) dan Hidden Potential (Adam Grant), diuji silang dengan riset latihan terarah: urai keterampilan, berlatih terarah dengan umpan balik cepat, lalu susun rencana 20 jam pertamamu.
- Menengah
Performa Web: Halaman yang Cepat Dimuat
Membaca data pengukuran pemuatan halaman, lalu memperbaiki HTML sesuai masalah yang terbukti.
Materi 22
Mengganti kelas CSS dengan classList, butuh akun
Pengguna dapat memilih nama kelas dari data dan memasangnya lewat classList.…
Perbesar teks dan reflow 320 CSS px, butuh akun
Pengguna dapat menghitung lebar CSS pada tingkat zoom tertentu, memperbaiki lebar tetap dan ukuran huruf vw, serta mengenali konte…
CSS dan script yang menghambat render, butuh akun
Pengguna dapat menentukan sumber daya yang menghambat render atau parser dan memilih async, defer, atau type="module" sesuai keter…
Perkenalan kelas
…i browser ini. enam belas pelajaran html dan css dengan editor dan preview terisolasi: kerangka dokumen, elemen semantik, teks, ta…
Heading dan paragraf, butuh akun
…bagian. ukuran huruf nanti kamu atur dengan css di modul terakhir. h1: judul halaman, cukup satu. h2: judul tiap bagian. h3: judu…
Misi: kerangka halaman Koperasi Melati, butuh akun
…i, jadi yang kamu lihat murni hasil html dan css yang kamu tulis.…
Tabel data: baris, kolom, dan judul kolom, butuh akun
…ak berarti apa-apa. tata letak adalah urusan css; table hanya untuk data. kesalahan lain: menulis judul kolom dengan td yang diteb…
Selektor, warna, dan huruf, butuh akun
…rna serta jenis hurufnya. html menyusun isi, css mengatur tampilannya. satu aturan css terdiri dari selektor dan blok deklarasi. s…
Kotak: padding, border, margin, dan satuan, butuh akun
kamu bisa membedakan empat lapisan kotak css dan mengatur jaraknya dengan satuan yang tepat. browser menggambar setiap elemen seba…
Misi: menyusun satu halaman utuh, butuh akun
…kerangka dokumen, elemen semantik, isi, dan css menjadi satu halaman yang selesai. ini misi terakhir. semua yang sudah kamu pelaj…
Tampilkan 12 materi lagi
Model kotak: isi, padding, border, margin
…ngguna dapat menyebutkan empat lapisan kotak css, mengaturnya pada satu elemen, dan menjelaskan penggabungan margin. setiap elemen…
Satuan px, rem, persen, dan box-sizing, butuh akun
…satuan acuan contoh pemakaian px satu piksel css, ukuran tetap border: 1px rem ukuran huruf elemen root (html) padding: 1.5rem % u…
Media query dan mobile-first, butuh akun
…. aturan @media membungkus sekelompok aturan css yang hanya dipakai kalau kondisinya terpenuhi. kondisi (min-width: 600px) berarti…
querySelector dan textContent, butuh akun
…ari elemen pertama yang cocok dengan pemilih css, misalnya #hasil untuk id hasil atau .harga untuk kelas harga. bila tidak ada yan…
RGB untuk cahaya, CMYK untuk tinta, butuh akun
…hingga rgb disebut model aditif; spesifikasi css color 4 menyebut titik putihnya sebagai warna yang terbentuk ketika ketiga primer…
Menulis warna: HEX, rgb(), dan hsl(), butuh akun
…ca rona, saturasi, dan kecerahan pada hsl(). css menulis warna layar sebagai kode hex, misalnya #1e90ff. mdn menjelaskan bentuknya…
Anatomi huruf: baseline, x-height, ascender, descender, butuh akun
…inggi huruf kecil tanpa tangkai; spesifikasi css mencatat namanya berasal dari tinggi huruf x, dan satuan css ex setara dengan x-h…
Satuan ukuran: pt, px, em, dan rem, butuh akun
…n, dan semuanya bisa dikonversi. spesifikasi css values and units menetapkan satuan absolut terhadap inci: 1 in = 2,54 cm = 96px,…
Jarak baris, kerning, tracking, dan panjang baris, butuh akun
…is wcag. jarak baris atau leading ditulis di css sebagai line-height. mdn menjelaskan bahwa nilai tanpa satuan dikalikan dengan uk…
Piksel, PPI, ukuran cetak, dan ukuran berkas, butuh akun
…sedangkan ppi dihitung per inci. spesifikasi css menetapkan 1 in = 2,54 cm, jadi 1 in = 25,4 mm. untuk ukuran berkas, adobe mencat…
Kertas seri A dan rasio aspek, butuh akun
…yang mempertahankan rasio aspek. spesifikasi css paged media mencantumkan ukuran kertas iso yang dipakai untuk mencetak halaman: a…
Satu h1 dan hierarki heading, butuh akun
…atakan kedudukan bagian; ukuran huruf diatur css.…