Tutorial ini adalah lanjutan dari tutorial Full Stack Web Developer Bagian 1 – HTML. Jika kamu belum mengetahui HTML, kamu bisa mempelajari di tutorial sebelumnya pada link berikut ini: Full Stack Web Developer Bagian 1 – HTML.
Apa itu CSS?
CSS (Casecading Style Sheet) adalah bahasa style sheet yang berfungsi untuk mengatur suatu halaman website agar terlihat lebih menarik. CSS dapat mengatur font, color, background, dan posisi untuk sintak html. Manfaat terbesarnya adalah css memiliki selector yang dapat digunakan berulangkali di html. Lebih jelasnya kamu bisa melihat pengertian CSS dari screnshoot w3.org di bawah ini.
Cara Penulisan CSS
Cara penulisan CSS bisa dilakukan beberapa cara. Berikut adalah 3 contoh dalam penulisan css.
- Menulis sintaks CSS di antara tag head HTML
See the Pen Membuat kotak dengan CSS by Andry Lubis (@andrylubis) on CodePen.
Menambahkan selector class hijau
See the Pen Kotak Hijau CSS by Andry Lubis (@andrylubis) on CodePen.
Menambahkan padding dan merubah sedikit sintaks yang sudah ada untuk membuat tulisannya rata tengah.
See the Pen Membuat Kotak Warna Hijau (Center) dengan CSS by Andry Lubis (@andrylubis) on CodePen.
Menambahkan selector class merah
See the Pen Membuat kotak dengan CSS by Andry Lubis (@andrylubis) on CodePen.
Silahkan klik Next Step di bawah ini untuk melanjutkan belajar.
