Untuk pengertian bebasnya, CSS ialah kumpulan instruksi jadwal yang dipakai untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita dapat mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua instruksi tag HTML.
CSS biasanya selalu dikaitkan dengan HTML, alasannya keduanya memang saling melengkapi. HTML ditujukan untuk menciptakan struktur, atau konten dari halaman web. Sedangkan CSS dipakai untuk tampilan dari halaman web tersebut. Istilahnya, �HTML for content, CSS for Presentation�.
Fungsi dan Kegunaan CSS
Awal mula diperlukannya CSS dikarenakan kebutuhan akan halaman web yang semakin kompleks. Pada awal kemunculan HTML, kita dapat menciptakan suatu paragraf bewarna merah dengan menulis pribadi instruksi tersebut didalam tag HTML, atau menciptakan latar belakang sebuah halaman dengan warna biru. Contoh instruksi HTML untuk hal itu ialah sebagai berikut:
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<p>
CSS merupakan bahasanya <font color="red">desainer web</font>.
Namun sebenarnya, apa itu CSS?
<br />
<font color="red">CSS </font> ialah kumpulan instruksi yang digunakan
untuk mendefenisikan desain dari bahasa markup,
<font color="red">salah satunya ialah HTML</font>.
<br />
Dengan CSS kita dapat mengubah desain dari
<font color="red">text, warna, gambar dan latar belakang</font>
dari (hampir) semua instruksi tag HTML.
</p>
</body>
</html>
Menggunakan tag <font> untuk menciptakan beberapa kata di dalam paragraf tersebut berwarna merah. Hal ini tidak salah, dan semuanya berjalan sesuai keinginan. Untuk sebuah artikel yang mempunyai 5 paragraf, kita tinggal copy-paste tag <font color=�red�> pada kata-kata tertentu.
Namun sesudah website tersebut mempunyai katakanlah 50 artikel menyerupai diatas, dan alasannya sesuatu hal anda ingin merubah seluruh text merah tadi menjadi biru, maka akan dibutuhkan waktu yang usang untuk mengubahnya satu persatu, halaman per halaman.
Dalam kondisi inilah CSS mencoba �memisahkan� tampilan dari konten. Untuk paragraf yang sama, berikut instruksi HTML jika ditambahkan instruksi CSS:
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
<style type="text/css">
.warna {
color: red;
}
</style>
</head>
<body>
<p>
CSS merupakan bahasanya <span class=warna>desainer web</span>.
Namun sebenarnya, apa itu CSS?
<br />
<span class=warna>CSS </span>adalah kumpulan kode
yang dipakai untuk mendefenisikan desain dari bahasa markup,
<span class=warna>salah satunya ialah HTML</span>.
<br />
Dengan CSS kita dapat mengubah desain dari
<span class=warna>text, warna, gambar dan latar belakang</span>
dari (hampir) semua instruksi tag HTML.
</p>
</body>
</html>
Dalam pola CSS diatas, saya mengubah tag <font> menjadi tag <span>. Tag <span> sendiri merupakan tag yang tidak bermakna, namun dapat di kostumasi memakai CSS. Tag span saya tambahkan dengan atribut atribut class=�warna�. Atribut class mempunyai kegunaan untuk memasukkan instruksi CSS pada tag <style> di bab head.
Jika kita ingin merubah seluruh warna menjadi biru, maka tinggal mengubah isi dari CSS color: red menjadi color:blue, dan seluruh tag yang mempunyai class=�warna� akan otomatis bermetamorfosis biru.
Sumber http://informasigameindo11.blogspot.com
EmoticonEmoticon