Menu

Pengantar

Termasuk bagian Menguasai CSS dalam perjalanan HTML di Coddy. Pelajaran 1 dari 43.

Di bagian sebelumnya, kita membahas selector dasar seperti tag, class, ID, selector grup, dan selector universal. Semua ini memberimu alat untuk mulai menata elemen di halaman.

Sekarang kita akan meningkatkan sedikit tingkat kesulitannya. Di bab ini, kamu akan mempelajari beberapa cara yang lebih cerdas untuk memilih elemen: khususnya pemilih descendant (untuk memberi gaya pada elemen hanya jika berada di dalam elemen lain) dan pemilih sibling berdekatan (untuk memberi gaya pada elemen hanya jika berada tepat setelah elemen lain).

Teknik-teknik ini membuat CSS-mu lebih rapi, fleksibel, dan mudah dikelola seiring berkembangnya proyekmu.

Coba sendiri

Pelajaran ini tidak memiliki tantangan kode.

Uji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Menguasai CSS

1Menguasai Selector, Kombinasi

PengantarSelector Keturunan Selector Anak Selector Saudara Sebelah Selector Saudara Umum Tantangan Rangkuman

4Proyek Menu Dropdown

Tambahkan Submenu Tampilkan Submenu Styling tambahan Input dan tombol

7Membangun dengan CSS Grid

Dasar-Dasar Grid Penempatan Item dengan grid-row Area Bernama Tantangan Rangkuman

2Pseudo-Class Interaktif

Pseudo-Class Efek Hover Efek Focus Gaya Active Tantangan Rangkuman

5Efek Visual

Gradien Filter CSS Transformasi Transisi dan Efek Hover Tantangan Rangkuman

8Situs web Flavor Fiesta

Mengatur grid Header Bagian utama Footer

3pseudo-class struktural

pseudo-class struktural Memilih Anak Pertama Memilih Anak Terakhir Kekuatan Pola: Menggunakan nth-child Tantangan Rangkuman

6Halaman Landing

Atur Gaya Bagian Header Atur Gaya Tombol Tata Letak Bagian Tata Letak Kartu Tambahkan Sentuhan Akhir

9Tantangan Akhir

Sorot Menu Aktif Baris Tabel Berselang-seling Efek Hover Tombol Tata Letak Kartu Grid Gambar Utama yang Buram

Latihan sendiri: Playground Web