Course Content
Pengenalan CSS
0/7
🎯 Tujuan Pembelajaran
Apa Itu CSS?
Perbedaan HTML dan CSS
Cara Menyisipkan CSS ke HTML
Praktik Langsung di CodePen
Tugas Siswa
Kuis: Pengenalan CSS
Menyisipkan CSS (Inline, Internal, Eksternal)
0/5
Tujuan Pembelajaran
3 Cara Menyisipkan CSS
Perbandingan Singkat
Praktik Langsung di CodePen
Tugas Siswa
Selektor Dasar
0/4
Tujuan Pembelajaran
Apa Itu Selektor dalam CSS?
Praktik di CodePen
Tugas Siswa
Properti Teks
0/6
Tujuan Pembelajaran
Properti CSS untuk Mengatur Teks
Contoh Kode CSS
Daftar Jenis Huruf Populer
Praktik di CodePen
Tugas Siswa
Properti Warna dan Latar
Margin, Padding, dan Border
Box Model & Layout Dasar
Display dan Position
Styling List, Table, dan Form
Animasi dan Transisi Sederhana
Mini Project Akhir
Belajar CSS lewat Codepen.io – Tingkat Dasar

  • Buka https://codepen.io/pen

  • Tambahkan tiga paragraf:

    • Paragraf pertama menggunakan inline CSS (warna merah)

    • Paragraf kedua menggunakan internal CSS (warna biru)

    • Paragraf ketiga menggunakan CSS di tab CSS CodePen (simulasi eksternal)

  • Simpan proyek dengan nama: MenyisipkanCSS

Previous
Next
0% Complete

.

.