Apa itu css dan apa saja code nya

Apa itu css dan apa saja code nya

Apa itu CSS? CSS adalah kepanjangan dari Cascading Style Sheet yang berfungsi untuk mengatur tampilan elemen yang tertulis dalam bahasa markup. Fungsi lain dari CSS yakni untuk memisahkan konten dari tampilan visual dalam sebuah website.

Kode CSS dalam HTML

Sejarah CSS

Source: Unsplash

Awal muncul CSS (Cascading Style Sheet) setelah munculnya SGML (Standard Generalized Markup Language) pada tahun1970an, dan menjadi sebuah teknologi internet yang diresmikan oleh  W3C (world wide web consortium) pada tahun 1996.

Format dasar dari CSS yang biasa digunakan oleh orang-orang merupakan ide dari Hakon Wium Lie dalam proposalnya yang berjudul Cascading HTML Style Sheet ( CHSS) pada tahu 1995 pada konferensi W3C (world wide web consortium) di Chicago, Illinois.

Setelah itu Lie mengembangkan standar dari CSS dengan temannya yang bernama Bert Bos.

Setelah diresmikan oleh W3C tahun 1996, di akhir tahun itu CSS level 1 resmi dipublikasikan pada bulan Desember. Proyek CSS level 1 ini juga didukung oleh programmer perusahaan ternama yaitu Microsoft yang bernama Thomas Reardon.

Dalam penetapan CSS level 1 yaitu bertujuan untuk mengurangi tag-tag baru pada Netscape dan Internet explorer, dimana keduanya bersaing mengembangkan tag-tag mereka sendiri untuk tampilan web.

CSS level satu mendukung pengaturan seperti: Font, Warna, Text, Background dan elemen-elemen lainnya, Text atribut (seperti:spasi antar baris, kata dan huruf), posisi text, gambar, table, margin, border, dan padding.

Setelah itu standar CSS mengalami penyempurnaan-penyempurnaan dan terus dikembangkan hingga versi terbaru:

1. CSS level 2, disempurnakan oleh W3C pada tahun 1998, dimana terjadi perubahan pada format dokumen yang bisa ditampilkan di printer.
2. CSS level 3, pada level ini terjadi perkembangan dimana bisa menampilkan animasi warna dan 3D pada halaman website, dan fitur lain seperti: multiple background, drop-shadow, border-image, border-radius, CSS Object Model dan CSS-Math, untuk saat ini CSS level 3 menjadi yang terbaru.

Pada awal dibuat tahun 1996 silam, CSS sendiri difungsikan untuk memformat halaman. Selain itu, permasalahan seperti tags font yang diperkenalkan HTML menyebabkan banyak masalah bagi developer, dikarenakan website membutuhkan font, warna background, dan style maka CSS dapat menyelesaikan masalah ini.

Baca juga: Apa Itu HTML? Inilah Pengertian dan Sejarah Perkembangan HTML

Pada dasarnya HTML dan CSS memiliki kedekatan yang sangat erat, sehingga kinerja keduanya tidak dapat dipisahkan. HTML sendiri merupakan bahasa markup dan CSS memperbaiki style, kedua bahasa pemrograman ini harus terus beriringan. Selain pada urusan teknis, CSS berpengaruh juga pada tampilan sebuah website. Para pemilik website pun tentu tidak menginginkan tampilan artikel tanpa modifikasi apapun.

Apa Itu CSS Inilah Pengertian, Cara Kerja, dan Kegunaannya

Kelebihan CSS

Sebenarnya mudah sekali membedakan website yang menggunakan CSS atau tidak. Nah, jika Anda menemukan website ketika sedang loading hanya menampilkan warna layar putih saja, maka website tersebut bisa dipastikan tidak menggunakan CSS, atau hanya menggunakan HTML saja.

Sebelum CSS diterapkan, semua stylizing harus Anda sertakan pada markup HTML. Dengan demikian Anda harus mendeskripsikan semua warna font, background, dan lainnya secara terpisah.

Kelebihan CSS sendiri dapat mengatur semua tampilan pada aspek file yang berbeda. Kemudian Anda dapat menentukan file dan mengintegrasikannya di atas markup HTML.

Baca juga: Cara Edit Theme WordPress Sendiri Dengan Mudah

Dalam hal ini, markup HTML semakin mudah dimaintain. Singkatnya, CSS ini memudahkan Anda agar tidak perlu mendeskripsikan tampilan masing-masing elemen secara berulang.

Oleh sebab itu, waktu Anda tidak terbuang percuma untuk membuat kode dan membenahi error. Bahkan kekurangan lainnya dapat segera diminimalisir.

Cara Kerja CSS

Secara default CSS memakai bahasa Inggris sederhana berbasis syntax. Selanjutnya CSS didukung dengan berbagai rules yang mengaturnya. Keberadaan HTML ini pada dasarnya dirancang semata-mata untuk mendeskripsikan konten. Yang kemudian dibantu dengan keberadaan CSS yang memberikan sedikit sentuhan modifikasi. Kombinasi kinerja keduanya dapat memaksimalkan tampilan website seperti yang Anda inginkan.

Struktur CSS cukup sederhana, sehingga pengaplikasiannya pun cukup mudah. Di dalam struktur CSS ini terdiri dari selector dan declaration block. Dalam hal ini Anda dapat memilih elemen yang diinginkan kemudian Anda dapat melakukan deklarasi terhadap elemen tersebut. Selector bekerja mengarahkan elemen ke HTML yang akan diubah penampilannya. Declaration block bekerja memisahkannya dengan tanda titik koma.

Jenis-Jenis CSS Berdasarkan Cara Penggunaannya

web desain

Inline Style Sheet

Jenis CSS pertama yang kerap kali digunakan adalah Inline Style Sheet, CSS tipe ini biasa diterapkan langsung pada object yang ingin dirubah tampilannya. Misalnya, seperti teks biasa yang ingin dirubah warnanya. Penggunaan CSS jenis ini hanyamembutuhkan penambahan tag <style> sehingga sangat mudah diaplikasikan.

External Style Sheet

Berbeda dengan Inline Style Sheet, External Style Sheet jauh lebih praktis digunakan karena peletakannya yang berada diluar area object. CSS jenis ini juga bisa digunakan secara berulang pada beberapa object sekaligus, bahkan antar website sehingga lebih menghemat ruang.

Embedded Style Sheet

CSS jenis ini memiliki ciri yang hampir sama dengan Inline Style Sheet karena diletakkan pada halaman yang sama pada suatu website. Bedanya, untuk Embedded Style Sheet posisinya berada di antara tag <head> dan </head> serta di awali dengan tag <style>.

Baca juga: Apa Itu Bootstrap? Inilah Pengertian dan Cara Menggunakannya

Secara umum, Embedded Style Sheet dimanfaatkan untuk membuat tampilan unik di suatu laman website dengan pola berulang. Contohnya untuk mengatur posisi iklan di awal paragraf untuk semua artikel.

Keuntungan Belajar CSS

Sebagai blogger atau pengelola website, Anda sebenarnya tidak dituntut untuk belajar CSS. Pasalnya, saat ini sudah banyak jasa pembuatan website di Indonesia yang bersedia dibayar secara freelance untuk mengatasi sebaga kebutuhan website Anda.

Namun, belajar CSS bakal memberikan Anda keleluasaan dalam mengoprek berbagai tampilan website secaa mandiri. Jadi, Anda bakal lebih mudah jika suatu saat sudah bosan dengan susunan warna, tata letak hingga penggunaan font dan ingin menggantinya.

Terlepas dari itu, di era digital seperti sekarang ini dengan belajar CSS maka Anda juga berpotensi mendapatkan pemasukan tambahan lewat penawaran jasa freelance. Perkembangan website yang sangat massif tentu bisa menjadi peluang menjanjikan dengan berbekal skill CSS yang Anda miliki.

Kesimpulan

CSS Cascading Style Sheet

Demikianlah artikel terkait pengertian apa itu CSS lengkap dengan cara kerja dan fungsinya untuk memaksimalkan sebuah website. Buatlah website Anda semenarik mungkin agar para pengunjung merasa nyaman ketika mengakses berbagai konten yang Anda sajikan.

Selain itu, dari informasi tersebut kita juga bisa mengetahui pentingnya CSS Dalam proses pembuatan website yang kedepannya bakal terus berkembang seiring dengan pertumbuhan teknologi yang semakin banyak diaplikasikan.