DASAR-DASAR CSS
Posted by: estheaven on: Desember 28, 2009
CSS atau Cascading Style Sheet adalah bahasa pemrograman atau scripting yang mengatur tampilan suatu website atau blog. Mungkin untuk para blogger sudah sering melihat kode CSS ini. Karena blog khususnya yang hosting di blogspot memang menggunakan CSS untuk merubah dan mangatur tampilan blog itu sendiri. Tampilan disini maksudnya untuk mengatur tampilan baik dari segi warna (huruf atau background), image, huruf dan elemen2 lain yang ada kaitannya dengan tampilan suatu blog atau web. Sebelum ada CSS, untuk mengatur tampilan suatu huruf biasanya menggunakan tag <p font=”tahoma”>bla bla bla</p>. Tapi setelah adanya CSS hal tersebut tidak perlu dilakukan lagi.
CSS bisa diaplikasikan dengan 3 cara :
- Langsung dituliskan pada tag <head></head>. Dengan catatan harus diawali dengan tag <style type=”text/css”></style>.
- Menggunakan file eksternal. Maksudnya, setiap kode css disimpan pada suatu file dengan type .css dan nantinya di deklarasikan didalam tag <head> dengan cara seperti berikut :
<head><link rel="stylesheet" href="css/style.css" type="text/css" /></head> - Diaplikasikan langsung pada tag yang bersangkutan
Dalam penulisan kode CSS mempunyai aturan tersendiri.
Cara penulisan CSS sebagai berikut
- Menggunakan tanda # sebagai awalan. Contohnya :
#my_style {
background-color :#000;
font-color :#fff;
}Untuk pendeklarasiannya, karena memakai tanda # maka atribut yang digunakan adalah id. Sehingga contoh pendeklarasiannya adalah
<div id='my_style'>bla bla bla</div>hasilnya seperti ini :
bla bla bla. - Menggunakan tanda dot atau titik (.). sebagai awalan, contoh :
.my_style {
background-color :red;
font-color :#fff;
}Untuk pendeklarasiannya, karena memakai tanda (.) maka atribut yang digunakan adalah class. Sehingga contoh hasilnya adalah
<div class='my_style'>text</div>sehingga hasilnya akan menjadi seperti ini :
bla bla bla - Tanpa memakai tanda # atau (.) tapi langsung diaplikasikan pada suatu kode html, contoh :
div {
background-color:blue;
}jika memakai cara seperti ini, maka semua tag div akan mempunyai style yang sama sesuai kode CSSnya.
1 Tanggapan to "DASAR-DASAR CSS"
Tinggalkan Balasan
<a href="http://estheaven.wordpress.com"><img src="http://estheaven.files.wordpress.com/2009/08/ester.jpg"></a>
situs kawanku
Komentar Terakhir
 | PUTRI on JANG GEUN SUK MY NEW IDOL |
 | vinsensia sukkie sih… on JANG GEUN SUK MY NEW IDOL |
 | Isti on JANG GEUN SUK MY NEW IDOL |
 | Nita Pengen Memandan… on JANG GEUN SUK MY NEW IDOL |
 | sinta on JANG GEUN SUK MY NEW IDOL |
Desember 28, 2009 pada 10:04 am
pelan2 saya akan belajar..
terima kasih