Now Reading:

Full Stack Web Developer Bagian 2 – CSS

Full Stack Web Developer Bagian 2 – CSS

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.

what-is-css

Cara Penulisan CSS

Cara penulisan CSS bisa dilakukan beberapa cara. Berikut adalah 3 contoh dalam penulisan css.

  1. 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.

Love coding dan antusias pada new technology

Share This Articles