Classifying in CSS

by M1Kzzz · January 21, 2026

Heya there, wondering classing means in CSS? Pada dasarnya, class di CSS itu untuk mengelompokkan atau membedakan barisan kode dengan yang lain, di Code.org Lesson 11 Web Development mengajarkan caranya, yuk kita bahas level 2 terlebih dahulu, karena level 1 hanya video tutorial.

Level 2: Using Classes

Di level 2, di bagian “index.html” sudah diberi class, tinggal diedit di “style.css”.

Kita di level 2 hanya disuruh mengubah ukuran gambar menjadi lebih besar di bagian “.top-img”, kalo mau di bagian “.main-img” boleh disesuaikan.

Level 3: The Four Ghosts

Di level 3, kita ditugaskan untuk mengelompokkan Karakter Ghost sendiri, disini kita harus menambahkan code class sendiri di “index.html” sebelum menambahkan sisa kodenya di “style.css”

Kita bisa menambahkan sisa class dengan copy-paste class blinky, dan mengubah namanya sesuai paragraf yang ditulis, Inky, Pinky dan Clyde

Setelah itu, karena Blinky sudah warna Merah, kita seusaikan warna border setiap Ghost class dari warna mereka sendiri, Inky biru, Pinky merah muda, dan Clyde warna Oren

Level 4: Young Adult Novels

Di level 4, kita ditugaskan untuk mengedit beberapa judul novel dengan bordernya

Dengan Mengikuti class dari “The Hunger Games” atau secara simpel copy-paste, kita bisa membut class untuk judul novel-novel lain, dan kita bisa edit di “style.css” seusai selera kalian

Di “style.css” kita bisa mengubah font, background, dan border seuai kemauan KIta.

I guess i explained enough, hope this helps others one day, thanks for checking my post, i appreciate it

You may also like