Dasar css

Dasar css

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

bla bla bla

. Tapi setelah adanya CSS hal tersebut tidak perlu dilakukan lagi.

CSS bisa diaplikasikan dengan 3 cara :

1. Langsung dituliskan pada tag . Dengan catatan harus diawali dengan tag .


2. Menggunakan file eksternal. Maksudnya, setiap kode css disimpan pada suatu file dengan type .css dan nantinya di deklarasikan didalam tag dengan cara seperti berikut :
   
   



3. Diaplikasikan langsung pada tag yang bersangkutan

Dalam penulisan kode CSS mempunyai aturan tersendiri. Mungkin bagi anda yang masih sangat awam mengenai CSS, artikel ini bisa dijadikan sebagai bahan pembelajaran bagi anda. Ya walaupun memang sangat dasar sekali, tapi ga ada salahnya kan...

Cara pendeklarasian dan penulisan CSS

1. 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
   
   
   bla bla bla
   
   
   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.


2. 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
   
   
   text
   
   
   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.


3. 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.

Ok....sekian dulu untuk pengenalan kode CSS. Jika masih merasa bingung, saya mohon maaf karena mungkin penjelasannya agak sedikit kacau alias berantakan.