#CSS

Belajar CSS #1 - Berkenalan dengan CSS

Frisko Mayufid
blog thumbnails

Halo Sobat Koding ! 😎

Selamat 🎉

Setelah kamu berhasil belajar menyusun kerangka web dengan HTML maka langkah selanjutnya adalah memperindah tampilan web tersebut dengan menggunakan CSS.

Jika kamu belum mengerti apa itu HTML silahkan kamu belajar dulu di halaman.

Belajar HTML Dasar

Sebelumnya..

Apa sih itu CSS ?

CSS merupakan sebuah bahasa yang berfungsi untuk memperindah atau mengubah style tampilan pada web html.

Dengan CSS kita dapat mengatur bagaimana layout web kita seharusnya tampil.

Kode CSS

Dalam aturan CSS, CSS menggunakan aturan selektor dan blok deklarasi yang didalamnya terdapat properti dan nilai.

Selector diisikan dengan element HTML yang mau kita ubah.

Deklarasi blok kita isikan dengan 1 properti dan nilai atau lebih tergantung berapa banyak yang mau kita ubah.

Tiap CSS deklarasi diakhiri dengan titik koma ( ; ) .

Seperti sintaks dibawah ini

  
    body {
      color: red;
      font-size: 12px;
    }
  

Komentar dengan CSS

Dalam menulis kode CSS, agar tidak lupa kenapa kita menuliskan kode tersebut, kita dapat menambahkan komentar pada kode CSS tersebut.

Karena tulisan dalam komentar tidak akan di eksekusi pada halaman browser.

Komentar pada CSS diawali dengan syntax /* dan diakhiri dengan */ . Komentar dapat digunakan dengan komen multi-line.

  
    body {
      /* Ini adalah komentar satu baris */
      color:red;
      /*  Ini adalah 
          komentar banyak 
          baris */
    }
  

Nah, sekian dulu perkenalan dengan CSS nya.

Berikutnya kita akan belajar cara menggunakan selektor pada CSS.

Stay tuned yah!