CSS adalah teknologi presentasi utama yang digunakan dalam mendesain situs web.
CSS adalah singkatan dari Cascading Style Sheets. CSS adalah bahasa pengkodean yang digunakan untuk menata gaya tampilan web agar lebih cantik dan indah saat ditampilkan di web browser. CSS hadir sebagai pelengkap HTML. Mengingat HTML lwbih fokus pada aspek pendefinisian konten, maka pembuatan layout dan tata warna menjadi masalah di HTML. CSS dikembangkan untuk memisahkan aspek konten dengan aspek tampilan. CSS difungsikan untuk menangani sisi tata letak, tata warna, dan pengaturan huruf di dokumen HTML.
Dewasa ini, kode CSS lazim dibuat dalam file tersendiri. Untuk melihat file CSS sebuah halaman web, lihat kode sumber halaman dan buka URL rujukan tag <link> yang mengarah ke sebuah file berekstensi .css. Melalui CSS, tampilan seluruh halaman web di sebuah website bisa dibuat menjadi konsisten. Proses modifikasi dan perubahan tampilan pun menjadi lebih praktis dan efisien, karena desainer web cukup mengutak-atik kode CSS tanpa harus merombak dokumen HTML-nya
Sebelum CSS, hampir semua atribut penyajian dokumen HTML terkandung dalam markup HTML (khususnya di dalam tag HTML); semua warna font, gaya latar belakang, perataan elemen, batas dan ukuran harus dijelaskan secara eksplisit dalam HTML.
CSS diperkenalkan pada tahun 1996 oleh World Wide Web Consortium (W3C), yang juga mempertahankan standarnya. CSS dirancang untuk memisahkan aspek tampilan dan konten. Sekarang desainer web dapat memindahkan informasi pemformatan halaman web ke style sheet terpisah yang menghasilkan markup HTML yang jauh lebih sederhana, dan memudahkan dalam pemeliharaan web.
CSS3 adalah versi terbaru dari spesifikasi CSS. CSS3 menambahkan beberapa fitur style baru dan peningkatan untuk meningkatkan kemampuan tampilan web.
Yang Dapat di Lakukan Dengan CSS
Ada banyak hal yang dapat kalian lakukan dengan CSS, diantaranya yaitu:
- Kalian dapat dengan mudah menerapkan style yang sama pada banyak elemen.
- Kalian dapat mengontrol tampilan beberapa halaman situs web dengan hanya satu style sheet.
- Kalian dapat menampilkan halaman yang sama secara berbeda pada perangkat yang berbeda.
- Kalian dapat mengatur elemen dinamis seperti hover, focus, dll.
- Kalian dapat mengubah posisi elemen pada halaman web tanpa mengubah markupnya.
- Kalian dapat mengubah tampilan elemen HTML yang ada.
- Kalian dapat mengubah elemen seperti skala, memutar, miring, dll dalam ruang 2D atau 3D.
- Kalian dapat membuat animasi dan efek transisi tanpa menggunakan JavaScript apa pun.
Tidak hanya itu saja, ada banyak hal menarik lainnya yang dapat Kalian lakukan dengan CSS.
Keuntungan Menggunakan CSS
- Memisahkan pembuatan dokumen (CSS dan HTML).
- Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen web.
- Akses web lebih cepat saat di-loading (mempercepat pembacaann HTML).
- Fleksibel, interaktif, tampilan lebih menarik dan nyaman dipandang.
- Lebih kecil ukuran file sehingga bandwith yang digunakan juga otomatis menjadi lebih kecil.
- Dapat digunakan pada semua web browser.