CSS merupakan bagian dari web desain yang tak terpisahkan. Dengan CSS kita bisa merubah perwajahan (front-end) atau tampilan sebuah halaman web. Jika sebuah halaman web tidak menggunakan CSS, maka tampilannya akan membosankan dan tidak menarik. Disini, akan akan dijelaskan mengenai CSS lebih detail.


Apa itu CSS?

CSS adalah kepanjangan dari "Cascading Style Sheets". Yaitu, bahasa yang digunakan untuk memberi sentuhan gaya atau corak tampilan (style) pada sebuah element atau struktur halaman web yang dibuat oleh HTML.

CSS dikembangkan oleh komunitas internasional yang disebut World Wide Web Consortium (W3C), yang merupakan komunitas seluruh dunia yang bergabung untuk berkontribusi memberi masukan, menulis dan mengembangan spesifikasi dari CSS untuk mendefinisikan standar bahasa CSS yang akan digunakan oleh semua orang, juga agar vendor yang mengembangkan aplikasi web browser dapat mengimplementasikannya. Spesifikasi CSS pertama kali diperkenalkan pada tahun 1996.

Untuk mempelajari CSS, tentunya kita harus mengetahui HTML dasar yang membentuk struktur halaman sebuah website yang dibuat oleh tag-tag atau elemen-elemen HTML. Dengan demikian, kita dapat mengaplikasikan style untuk masing-masing tag atau elemen tersebut.

Apa Fungsi (Kegunaan) CSS?

CSS mendeskripsikan presentasi atau tampilan sebuah halaman web. Sehingga, kode CSS digunakan untuk mempercantik dan memperbaiki tampilan antar muka sebuah website. Seperti, mewarnai tulisan, memberi background (latar) baik dengan warna ataupun gambar, menentukan font, memberi animasi, mengatur tampilan sesuai ukuran layar web browser yang digunakan, dan hal-hal lainnya yang berkaitan dengan desain sebuah website.

Apa itu CSS3?

CSS3 adalah versi pengembangan dari CSS 2.1 dengan penambahan beberapa fitur baru yang canggih dan berguna untuk pengembangan website modern. Anda dapat mempelajari dan melihat pembaharuan atau perkembangannya di website resminya www.w3.org/Style/CSS/current-work, yang mana berdasarkan spesifikasinya, CSS3 terbagi menjadi beberapa modul untuk dipelajari. Setiap modul merupakan spesifikasi tersendiri yang dibahas dan dikembangkan oleh beberapa penulis yang terpisah dari spesifikasi lainnya. Contohnya, modul CSS selectors, text, dan background.

Apa bedanya (Perbedaan) CSS vs. CSS3 ?

CSS mendeskripsikan presentasi atau tampilan sebuah halaman web. Sehingga, kode CSS digunakan untuk mempercantik dan memperbaiki tampilan antar muka sebuah website. Seperti, mewarnai tulisan, memberi background (latar) baik dengan warna ataupun gambar, menentukan font, memberi animasi, mengatur tampilan sesuai ukuran layar web browser yang digunakan, dan hal-hal lainnya yang berkaitan dengan desain sebuah website.

Bagaimana Menulis kode CSS?

Menulis kode CSS dapat menggunakan aplikasi code editor, seperti notepad++, Sublime Text, dan lain sebagainya.

Contoh Kode "CSS"

Berikut adalah contoh kode CSS yang dapat ditulis didalam element <style>..</style> ataupun didalam file .css yang terpisah (eksternal).

style.css
Example
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
}

/* ini adalah komentar */

/* paragraf memiliki latar berwarna grey (abu-abu) */
p {background: grey}

a {color: blue} /* link berwarna biru */



Comments