Archive for the ‘Tutorial’ Category
Dasar-Dasar CSS
Posted Desember 25, 2009
on:Deskripsi CSS :
Kepanjangan dari CSS adalah Cascading Style Sheet. CSS digunakan untuk mendesain gaya (style) tampilan dokumen terutama HTML dengan cara pemisahan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS) baik tata letaknya, jenis huruf, warna, dan semua yang berhubungan dengan tampilan.
Manfaat CSS :
- Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
- Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
- Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
- Digunakan dalam hampir semua web browser.
Metode penempatan CSS dalam HTML sebagai berikut :
- Internal CSS >>>Metode penulisan kode CSS langsung dalam file HTML. 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> - Eksternal CSS >>> file CSS terpisah dengan HTML. Buat file dengan ekstention .css. contoh:
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”public.css”/>
</head>
<body></body>
</html> - Inline CSS >>> Penulisan kode CSS dalam tag HTML. contoh:
<html>
<head>
</head>
<div style=”background-color:#999999; text-align:center;”>Inline CSS</div>
</body>
</html>
Inilah dasar-dasar CSS yang saya ketahui. Apabila ada kekurangan, harap maklum adanya. ^^,
Komentar Terbaru