Mengenal Cascading Style Sheets (CSS) Bagian 1

February 4th 2010

Cascading Style Sheets atau yang lebih dikenal dengan CSS intinya digunakan untuk mengatur tampilan web anda.Aplikasi yang umum digunakan secara umum untuk halaman web berupa HTML dan XHTML, tetapi dapat digunakan pada semua jenis dokumen XML, termasuk SVG dan XUL.Dengan CSS memungkinkan halaman markup yang sama disajikan dalam gaya yang berbeda.Webmaster akan lebih mudah mengatur style halaman web dengan menggunakan CSS.Spesifikasi CSS dipelihara oleh World Wide Web Consortium (W3C). Jenis media internet (tipe MIME) text / css terdaftar untuk digunakan dengan CSS oleh RFC 2318.
Sebagai contohnya

<html>
<head>
</head>
<body>
<p>Belajar CSS dalam pembuatan web
   <em>sangat penting karena merupakan pelajaran dasar</em></p>
</body>
</html>

————————————————————————————————————–
Output >>
Belajar CSS dalam pembuatan web sangat penting karena merupakan pelajaran dasar

Fungsi <em> </em> pada huruf tersebut adalah untuk membuat huruf tersebut cetak miring.
Kemudian jika kita ingin merubah warna huruf di cetak miring yang tadi misalnya dengan warna merah.

<html>
<head>
</head>
<body>
<p>Belajar CSS dalam pembuatan web <em><font color : "red"> sangat penting karena merupakan pelajaran dasar</font></em></p>
</body>
</html>

—————————————————————————————————————
Output >>
Belajar CSS dalam pembuatan web sangat penting karena merupakan pelajaran dasar

Sekarang jika kita menggunakan CSS

<html>
<head>
<style type="text/css">
 em{color : red}
 </style>
</head>
<body>
<p>Belajar CSS dalam pembuatan web
   <em>sangat penting karena merupakan pelajaran dasar</em></p>
</body>
</html>

————————————————————————————————————–
Output >>
Belajar CSS dalam pembuatan web sangat penting karena merupakan pelajaran dasar

Jika di tampilkan di browser kedua skript tadi akan nampak sama, tetapi keuntungan kita menggunakan CSS pembacaan code akan lebih mudah dan lebih mudah di atur. Selain itu dengan CSS akan diperoleh konsistensi style. Style hanya dituliskan sekali saja berbeda dengan tanpa menggunakan CSS style harus ditulis berulang kali meskipun anda bisa menggunakan copy-paste tetapi kadang bisa juga terjadi kesalahan.