FluentStack

Uji Kompetensi CSS Core Mechanics

Mode tersedia: dark, light, paper
MasukDaftar
Beginner · Level 3: CSS Fundamentals and LayoutBeginner45 menitBahasa Indonesia

Uji Kompetensi CSS Core Mechanics

Cek kesiapan kamu membaca selector, property, value, cascade, dan specificity dasar.

StatusMemuat progres
ReadinessMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Yang dicek

  • Mengecek pemahaman peran CSS
  • Mengecek kemampuan membaca selector, property, dan value
  • Mengecek pemahaman cascade dan specificity dasar
CSSSelectorsCascadeSpecificity

Isi lesson

5 blok
  1. 1.
    Apa yang dicek di checkpoint iniBelum selesaiWajib
  2. 2.
    QuizBelum selesaiWajib
  3. 3.
    Coding practiceBelum selesaiWajib
  4. 4.
    Baca MDN secara terarahBelum selesaiOpsional
  5. 5.
    RingkasanBelum selesaiWajib

Apa yang dicek di checkpoint ini

Wajib

Checkpoint ini merangkum CSS Core Mechanics. Kamu akan mengecek peran CSS, cara membaca selector dan declaration block, perbedaan property dan value, selector element/class/id, serta kenapa cascade dan specificity membuat satu rule menang dari rule lain.

Bagian ini memengaruhi progres lesson.

Quiz

Wajib

Uji Kompetensi CSS Core Mechanics

Jawab pertanyaan satu per satu. Kamu bisa ulang quiz jika belum mencapai target lulus.

Target lulus

70/100

Skor terbaik

0/100

Status

Belum dikerjakan

Blok ini wajib untuk menyelesaikan lesson. Progres quiz naik setelah skor mencapai target lulus.

Pertanyaan 1 dari 10

Target lulus: 70

Apa peran utama CSS dalam halaman web?

Coding practice

WajibDibuka di workspace khusus

Membuat info card sederhana dengan CSS

Checkpoint praktik untuk memberi style pada card memakai selector, property, dan value dasar.

Tujuan awal: Style card sederhana.

Practice ini dibuka di workspace khusus. Buka practice untuk memakai editor, preview, dan cek otomatis.

Tombol selesai aktif setelah semua validasi wajib lolos.

9 cek otomatis7 checklist
Belum selesaiBuka practice

Documentation Bridge

Opsional

Baca MDN secara terarah

Gunakan bagian ini sebagai latihan membaca dokumentasi CSS resmi, bukan tugas menghafal. Fokus pada bagian yang sudah kamu pakai di latihan.

MDN Web Docs

CSS basics

Fokus baca

  • peran CSS
  • cara CSS memberi style pada HTML
  • contoh aturan CSS dasar

Abaikan dulu

  • layout besar
  • responsive design
  • topik CSS advanced
Buka dokumentasi

MDN Web Docs

Basic selectors

Fokus baca

  • element selector
  • class selector
  • id selector
  • cara selector memilih elemen

Abaikan dulu

  • combinators advanced
  • pseudo-classes advanced
Buka dokumentasi

MDN Web Docs

Cascade and inheritance

Fokus baca

  • cascade
  • specificity dasar
  • kenapa satu rule menang dari rule lain

Abaikan dulu

  • full specificity scoring detail
  • cascade layers
Buka dokumentasi

Aksi setelah membaca

Kembali ke latihan CSS card kamu dan tunjukkan satu selector, satu property, satu value, dan satu aturan yang menang karena selector lebih spesifik.

Opsional, tidak menghambat penyelesaian lesson.

Ringkasan

Wajib
  • Kamu membuktikan bahwa kamu bisa membedakan peran HTML dan CSS.
  • Kamu membuktikan bahwa kamu bisa membaca selector, property, dan value.
  • Jika checkpoint belum lulus, review lagi role CSS, selector/property/value, class selector, cascade, dan specificity.
  • Setelah kamu bisa membaca aturan CSS dasar, berikutnya kamu akan belajar bagaimana ukuran dan jarak bekerja lewat box model.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian wajib checkpoint ini

Lanjutkan blok wajib berikutnya: Apa yang dicek di checkpoint ini.

Memuat progresReview module