Pengertian dan Pengenalan CSS - Tutorial CSS Dasar

Pengenalan CSS

Dalam halaman Web CSS digunakan untuk memeprcantik desain suatu situs web.

Pengertian CSS

CSS adalah singkatan dari Cascading Style Sheets. CSS merupakan kode gaya standar yang digunakan untuk medesain atau mempercantik tampilan dari halaman web.

Sebelum adanya CSS, hampir semua atribut gaya dokumen HTML terdapat dalam markup HTML (khususnya di dalam tag HTML) seperti warna font, gaya latar belakang, perataan elemen, batas dan ukuran yang harus dijelaskan secara eksplisit dalam HTML. Akibatnya, pengembangan situs web yang besar menjadi lama dan mahal, karena setiap gaya yang berulang harus ditambahkan ke setiap halaman situs web secara manual.

Untuk mengatasi masalah ini, CSS diperkenalkan pertama kali pada tahun 1996 oleh World Wide Web Consortium (W3C). CSS dirancang agar style konten dan isi konten dapat berpisah. saat ini desainer web dapat memindahkan informasi format halaman web ke style sheet yang terpisah dengan markup HTML sehingga jauh lebih sederhana, dan mudah dalam pemeliharaan.

CSS3 adalah versi terbaru dari  CSS. CSS3 menambahkan beberapa fitur dan penyempurnaan gaya yang baru untuk meningkatkan penyempurnaan tampilan web.

Apa yang Dapat Anda Lakukan dengan CSS?

Ada banyak hal yang dapat Anda lakukan dengan CSS.

• mudah dalam menerapkan aturan gaya yang sama pada beberapa elemen.
• dapat mengontrol penyajian beberapa halaman situs web dengan satu lembar gaya.
• dapat menyajikan halaman yang sama secara berbeda pada perangkat yang berbeda.
• dapat menata status dinamis dari elemen seperti hover, fokus, dll. Yang tidak mungkin sebaliknya.
• dapat mengubah posisi elemen pada halaman web tanpa mengubah markup.
• dapat mengubah tampilan elemen HTML yang ada.
• dapat mengubah elemen seperti skala, memutar, miring, dll. Dalam ruang 2D atau 3D.
• dapat membuat animasi dan transisi efek tanpa menggunakan JavaScript apa pun.
• dapat membuat versi yang mudah dicetak dari halaman web Anda

dan masih banyak hal menarik lainnya yang dapat Anda lakukan dengan CSS. Anda akan belajar tentang semuanya secara rinci dalam bab-bab yang akan datang.

Keuntungan Menggunakan CSS

Keuntungan terbesar dari CSS adalah memungkinkan pemisahan gaya dan tata letak dari isi dokumen HTML. Berikut adalah beberapa kelebihan menggunakan CSS?

• Hemat Banyak Waktu - CSS memberikan banyak fleksibilitas untuk mengatur properti gaya suatu elemen. Anda dapat menulis CSS satu kali; dan kemudian kode yang sama dapat diterapkan ke grup elemen HTML, dan juga dapat digunakan kembali di beberapa halaman HTML.
• Pemeliharaan Mudah - CSS menyediakan cara mudah untuk memperbarui pemformatan dokumen, dan menjaga konsistensi di beberapa dokumen. Karena konten dari seluruh rangkaian halaman web dapat dengan mudah dikontrol menggunakan satu atau lebih style sheet.
• Pages Load Faster - CSS memungkinkan banyak halaman untuk berbagi informasi pemformatan, yang mengurangi kerumitan dan pengulangan dalam isi struktur dokumen. Ini secara signifikan mengurangi ukuran transfer file, yang menghasilkan pemuatan halaman lebih cepat.
• Multiple Device Compatibility - CSS juga memungkinkan halaman web dioptimalkan untuk lebih dari satu jenis perangkat atau media. Menggunakan CSS dokumen HTML yang sama dapat disajikan dalam gaya tampilan yang berbeda untuk perangkat render yang berbeda seperti desktop, ponsel, dll.

Share this post