Home
11/07/2012 06:00:00 AM
Unknown
CSS singkatan dari Cascading Style Sheet adalah sebuah dokument yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web, CSS ini bersifat embeded pada tag HTML yang artinya menempel atau melekat pada tag HTML. Sebagai Contoh embeded seperti di bawah ini <h1 class=”header”>Pengantar</h1>.
Dengan CSS ini, kita bisa mengontrol/mengatur seluruh tampilan halaman web dengan hanya sebuah dokument CSS, biasan ekstensi untuk file CSS adalah .css (dot css).
Selain itu, CSS juga dapat menggantikan fungsi tabel dan dapat meminimalkan ukuran file HTML. Bayangkan jika Anda membuat sebuah kotak dengan tabel dan CSS jauh lebih efesien, Sebagai contoh,
Anda membuat sebuah tabel dengan satu kolom dan satu buah baris :
Dengan Tabel :
<table border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td>
Content Box
</td>
</tr>
</table>
Dengan CSS :
<div class=”box”>
Content Box
</div>
Pada perkembangannya CSS sudah masuk lelvel 3 untuk sekarang, dimana dimulai CSS level 1 atau yang sering di sebut CSS aja, kemudian level 2 yang merupakan penyempurnaan dari CSS level sebelumnya, yaitu CSS level 1.
CSS merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana mempunyai banyak keuntungan, diantaranya :
- Ukuran file lebih kecil
- Load file lebih cepat
- Dapat berkolaborasi dengan JavaScript
- Pasangan setia XHTML
- Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS.
- Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya saja.
- Dan banyak lagi yang lainnya.
Contoh simple sebuah CSS, anda bisa lihat ilustrasi di bawah ini:
Jika dengan HTML,saya menuliskan sebuah kalimat:
Maka saya akan menuliskan kode:
<font-size="12px";font-family="arial"><b>Apa itu CSS?</b></font>Tapi dengan CSS,kita bisa menghemat penerapan kode,hanya dengan mengatur atribut kalimat yang akan kita tulis,di bagian atas kode
<HEAD>,pada halaman HTML anda.Contoh,tulisan Apa itu CSS? di atas,akan saya tulis memakai CSS.
Pertama,saya meletakkan kode ini di atas kode
<Head> pada halaman HTML saya.<style type='text/css'>
#Contoh {
color:black;
font-size:12px;
font-weight: bold;
font-family: arial;
}
</style>Setelah itu,saya menuliskan kode di bawah ini sesudah kode
<Head>
<script type='text/javascript'/>
<div id="Contoh">
Apa Itu CSS?
</div>Hasilnya akan seperti ini :
Apa Itu CSS?
Sama khan ?Nah itu penjelasan dikit tentang CSS.
Kurang Jelas,anda bisa pelajari CSS di http://learn-css-tutorial.com/.
Posted in: Tutorial Blog
0 Blogger