Cascading Style Sheets (CSS)

Dalam materi ini kami menyajikan panduan lengkap untuk memahami Cascading Style Sheets (CSS) dari dasar hingga tingkat lanjut. CSS merupakan bahasa pemrograman yang digunakan untuk menentukan bagaimana dokumen dan website akan disajikan. Materi ini mencakup berbagai topik penting, termasuk:

Cascading Style Sheets (CSS)

Pengantar CSS

  • Pengertian CSS
  • Manfaat dan kegunaan CSS
  • Syntax dasar CSS
  • Cara menghubungkan CSS ke HTML

Selektor dan Properti Dasar

  • Elemen, kelas, dan ID selektor
  • Properti dasar: warna, teks, margin, padding, dll.
  • Box model

Layout

  • Positioning (static, relative, absolute, fixed)
  • Float dan clear
  • Flexbox
  • Grid

Responsif Web Design

  • Media queries
  • Viewport dan unit ukuran relatif

Transisi dan Animasi

  • Transisi CSS
  • Animasi CSS

Transformasi dan Posisi

  • Transformasi 2D dan 3D
  • Transisi posisi

Pseudo-classes dan Pseudo-elements

  • Pseudo-classes seperti :hover, :active, dll.
  • Pseudo-elements seperti ::before dan ::after