Apa itu CSS?

Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 1 dari 76.

CSS (Cascading Style Sheets) adalah bahasa yang mengatur tampilan elemen HTML. CSS sangat andal dan penting untuk menata halaman web, serta memudahkanmu membuat situs web yang menarik dan dirancang dengan baik.

CSS bekerja sama erat dengan HTML untuk membuat kontenmu lebih hidup, mengubah teks biasa dan elemen menjadi tata letak yang indah dan menarik.

Dengan CSS, kamu dapat mengatur tampilan setiap aspek situs webmu, mulai dari warna dan font hingga jarak dan posisi.

Tantangan

Mudah

Tekan tombol “Jalankan” untuk menjalankan kode pertamamu dalam CSS.

Bonus: coba ubah warna paragrafnya! Bisakah kamu mengetahui caranya?

Coba sendiri

<html>
  <head>
    <style>
      p {
        color: blue;
      }
    </style>
  </head>
  <body>
    <p>Hello CSS!</p>
  </body>
</html>

Uji dirimu

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

Semua pelajaran di Menata dengan CSS

1Pengantar

Apa itu CSS?Sintaks CSS Komentar CSS Tag Head Tag Title

4Dasar-Dasar Teks

Warna Teks Jenis Font Ukuran Font Ketebalan Font Perataan Teks Dekorasi Teks Tantangan Rangkuman #1 Tantangan Rangkuman #2

7Model Kotak Bagian 1

Apa Itu Model Kotak?Padding Margin Border Lebar dan Tinggi Tantangan Ulasan

10Formulir Login

Bagian isi Wadah formulir

input

Tombol

13Halaman Web Tonga

Menu Navigasi Header Sambutan

2Menambahkan CSS

CSS Inline CSS Internal CSS Eksternal Tantangan Penataan Gaya Dasar

5Warna dan Latar Belakang

Warna Latar Belakang Warna HEX Warna RGB Transparansi dengan RGBA Tantangan Rangkuman #1

8Model Kotak Bagian 2

Ukuran Kotak Radius Sudut Luapan Bayangan Kotak Tantangan Mengulas

11Teknik Tata Letak

Elemen block vs inline Dasar Penempatan Penempatan Relatif Penempatan Absolut Penempatan Tetap Dasar Z-Index Tantangan Kilas Balik

14Tantangan Akhir

Susun Item Daftar Film Kartu Undangan Pernikahan Notifikasi Mengambang

Latihan sendiri: Playground Web