Apa itu CSS?

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

CSS adalah bahasa yang canggih dan penting untuk menata halaman web, sehingga kamu dapat membuat situs web yang menarik secara visual dan dirancang dengan baik dengan mudah.

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

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

Tantangan

Mudah

Tekan tombol jalankan kode untuk menjalankan kode pertamamu di CSS.

Bonus: coba ubah warna paragraf! Bisakah kamu menemukan cara melakukannya?

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