CSS atau Cascading Style Sheet adalah bahasa pemrograman atau scripting untuk mengatur tampilan suatu website atau blog. Mungkin bagi 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
- 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>Nah..sehingga hasilnya akan menjadi seperti ini :bla bla bla
Tapi ingat, sifat dari id adalah unik. Makanya tidak boleh ada elemen lain yang memakai id yang sama pada suatu CSS. - 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 pendeklarasiannya adalah<div class='my_style'>text</div>Nah..sehingga hasilnya akan menjadi seperti ini :bla bla bla
Nah..kalo sifat dari id adalah unik, maka sebaliknya kalo class tidak unik dan bisa diaplikasikan lebih dari 1 class yang sama dalam suatu doc html. - Tanpa memakai tanda # atau (.) tapi langsung diaplikasikan pada suatu kode html, contoh :
div { background-color:blue; }Nah jika memakai cara seperti ini, maka semua tag div akan mempunyai style yang sama sesuai kode CSSnya.
Artikel anda di
BalasHapushttp://programing.infogue.com/dasar_css_cascading_style_sheet_
promosikan artikel anda di infoGue.com. Telah tersedia widget shareGue dan pilihan widget lainnya serta nikmati fitur info cinema, game online & kamus untuk para netter Indonesia. Salam!
Titip Link !
BalasHapuswah top bgt mudah2an bisa jadi jagoan css juga
BalasHapusOk juga tutorialnya
BalasHapuskunjungi balik yach
http://vholenxcrome.blobspot.com
kang kumaha , cara nyieun daftar menu tab di atas ?
BalasHapushampuranya ? di tunggu Postingan na
Nuhun pisan atuh