Sabtu, 25 September 2010

Menggunakan Css pada halaman web

Sejarah singkat tentang Css, dimana Css merupakan singkatan dari Cascading Style Sheet yang merupakan temuada dari para penemu alat elektronik dan alat pencetak dimana mereka menyadari pentingnya pemisahan antara halaman dengan isi konten. Untuk menggunakan CSS pada halaman website ada tiga pilihan yaitu eksternal style sheet, internal style sheet, inline style sheet 
IEksternal Style Sheet adalah kita harus membuat file css terpisah dengan dokumen html sehingga nantinya kita harus membuat link pada tag head di dokumen html yang nanntinya ditulis dengan sintak seperti ini:

------------------------------------------------------------------------------------
<link href="dokumen style sheet yang anda simpan" rel="stylesheet" type="txt/css">
------------------------------------------------------------------------------------
Link href merupakan tag untuk memanggil dokumen Css yang telah kita simpan kemudia tag rel merupakan penegasan bahwa ini adalah rangkaian file berupa stylesheet dan type merupakan jenis dari file tersebut yaitu txt menyatakan teks dan css menyatakan cascading style sheet 
------------------------------------------------------------------------------------
<html>
<head><title>Internal Style Sheet</title>
<style type="text/css">
.tampil {font-family:arial; font size:14pt;
}
</style>
<body>
<table>
<tr>
<td class="tampil">Internal Style Sheet</td>
</tr>
</table>
</body>
</html>
-------------------------------------------------------------------------------------
Bisa anda lihat dibawah tag head ada sebuah tag yaitu tag css selector class yaitu .tampil dimana pada selector ini akan berisi declarator yang nantinya akan dibaca oleh browser untuk diparsekan kesebuah tabel yang mana pada tabel tersebut akan sesuai dengan deklarator yang berarti tulisan tersebut akan tampil sesuai dengan isi declarator yaitu ukuran font 14pt dan jenis huruf arial, yang ketiga adalah Inline  style sheet yaitu:
--------------------------------------------------------------------------------------
<html>
<head><title>Inline Style Sheet</title>
<meta http-equif="Content-Type" content="text/html"; charset=utf-8/>
</head>
<body>
<p><font face="comic sans ms, cursive" color="#ffd000" zise="16">penulisan css dengan html yang digabung menjadi satu</font></p>
</body>
</html>
-----------------------------------------------------------------------------------------
Dari ketiga penggunaan stylesheet lebih baik menggunakan eksternal style sheet dimana kecepatan dalam loading blog akan lebih cepat dan disamping itu didalam mengedit stylesheet tidak akan kewalahan...

Baca juga artikel ini: