Tutorial CSS Dasar

CSS (Cascading Style Sheets), sederhananya adalah bahasa yang digunakan untuk mendeskripsikan tampilan dokumen HTML, mulai dari segi estetika seperti warna, background, border ataupun segi fungsional seperti layout atau posisi.

Untuk mengikuti tutorial ini, Anda harus sudah memahami HTML dan Web Development Dasar.

Tutorial ini akan membahas konsep dasar CSS, bukan dokumentasi CSS property.

Tool yang digunakan untuk keperluan tutorial ini adalah Text Editor dan Browser. Kami menggunakan Visual Studio Code untuk text editor dan Chrome Browser. Silakan gunakan text editor dan browser favorit Anda.

Berikut topik yang akan dibahas pada tutorial CSS Dasar:

• Cara Menambahkan CSS
• Menambahkan Style dan Google Font
• CSS Selector
• Memahami Cascading dan Specificity
• Memahami CSS Inheritance
• CSS Combinator
• Pengenalan Box Model
• User Agent Stylesheet dan Margin Collapsing
• Shorthand Property
• Memahami Box Sizing
• Memahami Display Property
• Tag dan Pseudo Class
• Membuat Action Button Dari Anchor Tag
• Background Image
• Perbedaan Class dan ID
• Latihan CSS Dasar
• Memahami CSS Positioning