CSS atau Cascading Style Sheet merupakan bahasa pengkodean yang digunakan untuk menata gaya tampilan halaman web agar lebih cantik dan menarik saat halamn web tersebut ditampilkan pada web browser. Kehadiran CSS digunakan sebagai pelengkap dokumen HTML dalam mengendalikan tampilan halaman HTML supaya lebih rapi, terstruktur dan seragam.
Mengingat HTML lebih fokus pada aspek pendefinisian konten halaman web, pengembangan layout dan tata warna pada konten akan menjadi masalah sendiri bagi developer web. CSS dikembangkan untuk memisahkan antar konten dan desain tampilan. Konten halaman web difokuskan bagi HTML sedangkan untuk tata letak, komposisi warna dan pengaturan huruf dan lainnya difokuskan bagi CSS.
Berikut ini adalah logo dari CSS3 :
Pemisahan antara konten halaman web dengan tampilan gaya via CSS, maka pembuatan halaman web akan jauh lebih cepat. Hal ini disebabkan karena hanya cukup dengan menuliskan gaya tampilan salah satu properti pada suatu elemen HTML, maka properti tersebut bisa digunakan oleh elemen lainnya. Hal ini tentunya akan mempermudah developer web karena tidak perlu menulis berkali-kali untuk memberikan style yang sama pada elemen yang berbeda-beda.
Dengan pemisahan ini, jika sewaktu-waktu terjadi perubahan gaya tampilan, maka proses perubahan gaya tampilan pada suatu konten akan jauh lebih mudah tanpa perlu merombak keseluruhan konten halaman HTML. Keuntungan lain yang akan diperoleh dari pemisahan konten halaman HTML dengan gaya tampilan adalah berupa penghematan ruang penyimpanan dan juga ukuran fle halaman HTML. Hal ini disebabkan karena satu properti pada CSS dapat digunakan oleh banyak elemen HTML. Semakin hemat ukuran file suatu halaman HTML, maka pengaksesan halaman tersebut akan terasa lebih ringan dan cepat.
Berikut ini adalah contoh halaman web yang dibuat dengan melibatkan CSS dalam menata gaya tampilan :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Contoh Halaman Web Dengan Menggunakan CSS</title>
<style>
body{
background-color:#ffab76;
}
h1{
color:#4c0027;
}
</style>
</head>
<body>
<h1>Hallo, Dunia..</h1>
</body>
</html>
Hasil tampilan saat diakses melalui web browser :
CSS pertama kali diperkenalkan oleh Hakon Wium Lee pada tahun 1994. Pada 17 Desember 1996 W3C (World Wide Web Cocortium) menjadikan CSS sebagai bahasa standart dalam pemformatan halaman HTML. Pengembangan CSS saat ini berada di bawah badan W3C (World Wide Web Cocortium) bersama HTML.
Berikut ini adalah perkembangan singkat dari CSS dengan versi keluarannya :
24 Jul 2022
Tutorial CSS
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
