Mengenal Dan Memulai CSS ( Cascading Style Sheet )

CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan kumpulan kode-kode yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik. CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Awalnya, CSS dikembangkan di SGML pada tahun 1970, dan terus dikembangkan hingga saat ini. CSS telah mendukung banyak bahasa markup seperti HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla XUL (XML User Interface Language).

Baca Juga : Apa sih HTML itu ? Bagaimana sih cara menggunakannya ?

Pada desember 1996, W3C memperkenalkan Level 1 spesifikasi CSS atau juga dikenal CSS1 yang mendukung format, warna font teks, dan lain-lain. Kemudian, Mei 1998, W3C menerbitkan CSS2 yang di dalamnya diatur fungsi peletakan elemen. Dan sekarang, W3C telah memperbaiki dan meningkatkan Kemampuan CSS2 ke  CSS3.

CSS digunakan oleh web programmer dan juga blogger untuk menentukan warna, tata letak font, dan semua aspek lain dari presentasi dokumen di situs mereka. Saat ini, hampir tidak ada situs web yang dibangun tanpa kode css.

Pengenalan Dasar

Cascading Style Sheet terdiri dari Selektor, deklarasi, Properti dan Nilai. Seperti pada HTML, PHP dan bahasa pemrograman lainnya, CSS juga memiliki aturan yang menulis itu sendiri.

Contoh penulisan kode css :

Body {background-color: white;}

?Body? adalah Selektor, ?{ }? adalah deklarasi, ?background-color? adalah properti dan ?white? adalah nilai. Maksud dari kode diatas adalah mengatur warna latar belakang (background color) dari tag ?Body? sebuah halaman web.

Macam - Macam Tipe CSS Dan Cara Menggunakannya

1. Internal CSS

Internal CSS adalah kode CSS yang ditulis di dalam tag style Intarnal CSS juga dikenal dengan sebutan Embeded CSS.

Tag style biasanya ditulis di dalam tag head. Bisa juga ditulis di dalam body, namun lebih banyak ditulis di dalam head.

See the Pen bxJxyX by Mul Code (@mul_code) on CodePen.

2. Eksternal CSS

Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML. Eksternal CSS ditulis disebuah file khusus yang berekstensi .css.

Sebagai contoh, saya akan membuat sebuah file bernama style.css. Berikut ini cuplikan isi file style.css

See the Pen VGNEaE by Mul Code (@mul_code) on CodePen.

3. Inline CSS
Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML. Setiap elemen HTML memiliki atribut style, di sana lah inline CSS ditulis.

See the Pen jvReaV by Mul Code (@mul_code) on CodePen.

Sekian pembahasan kali ini, Jika kamu ada pertanyaan atau masukan silahkan di tulis pada kolom komentar.

~ Enjoy Coding ! ~