CSS (Cascading Style Sheet) merupakan suatu bahasa program web yang digunakan untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web akan menjadi lebih rapi, terstruktur dan seragam.
CSS saat ini dikembangkan oleh World Wide Web Consortium (W3C) dan menjadi bahasa standar dalam pembuatan web. CSS difungsikan sebagai penopang atau pendukung, dan pelengkap dari file html yang berperan dalam penataan kerangka dan layout.(sumber)
Keuntungan Menggunakan CSS
Tanpa CSS pun web dapat dibangun, namun tahukah anda, salah satu kunci kesuksesan web agar banyak pengunjung adalah tampilan yang menarik, interaktif, cepat diakses, dan lain-lain. Jika web sangat lambat di akses, tentu pengunjung juga akan merasa bosan, malah akan menutup browser web mereka, sebelum seluruh informasi dalam web tersebut ditampilkan.
Berikut keuntungan menggunakan CSS :
1. Memisahkan pembuatan dokumen (CSS dan HTML)
2. Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen web.
3. Akses Web lebih cepat di-loading (mempercepat pembacaan HTML)
4. Fleksibel, interaktif, tampilan lebih menarik dan nyaman dipandang.
5. Ringan pada filesize/Bandwith lebih kecil.
6. Dapat digunakan pada semua web browser.
Cara Menggunakan CSS
Internal Css
Internal Style Sheet adalah Kode CSS yang Dipasang di dalam tag head html. cara ini akan menjadi sulit apabila kita memiliki banyak halaman web, baca
Contoh :
<html>
<head>
<style type = "text/css">
.header {
width:900px;
height:50px;
border: 1px solid #640404;
}
.headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
.headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
</style>
</head>
<body>
</body>
</html>
Inline CSS
Merupakan cara pemasangan kode CSS yang langsung di tulis pada tag HTML. Ini adalah salah satu opsi css dimana kita bisa merubah tampilan, bentuk, ukuran, font hanya satu kata, huruf, paragraf ataupun konten yang ingin kita rubah saja, Namun akan sulit bila kita ingin menseragamkan tampilan web kita yang memiliki banyak halaman.
Contoh
<html>
<head>
<div style="background-color:#999999; text-align:center;">Inline CSS</div>
</head>
</body>
</html>
<head>
<div style="background-color:#999999; text-align:center;">Inline CSS</div>
</head>
</body>
</html>
External CSS
Adalah metode dimana Kode-kode CSS di pisahkan kedalam sebuah file sendiri dengan extention .css, yang nantinya akan di panggil ke halaman HTML.(baca)
Contoh Cara memanggil file css ke Halaman HTML:
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”public.css”/>
</head>
<body>
</body>
</html>
<head>
<link rel=”stylesheet” type=”text/css” href=”public.css”/>
</head>
<body>
</body>
</html>
(sumber)
Sekian pengenalan css ... Terima Kasih
Comments
Post a Comment