Bagi desainer template nama css ( Cascading Style Sheet ) sudah tidak asing lagi, css merupakan serangkain pengkodean dan akan di terjemahkan / di wujudkan oleh HTML
Akan tetapi yang saya dokumentasikan disini yaitu cara membaca css oleh browser peramban yang justru semua browser peramban membaca terhadap css itu sama semua atau mungkin ada kesamaan
Di bawah ini salah satu contoh kesalahan yang tidak di sengaja dalam meng edit template, ternyata saya menulis background sebanyak 2 kali yang seharus nya 1 kali dalam 1 element
123456789#kotak {
position : relative;
margin:0px;
background-color : #333;
border:2px solid red;
color : #999;
padding : 10px;
background-color : #fff;
}
Yang di harapkan background warna gelap yang muncul malah warna terang (putih), sempat bingung sih, cuma tidak lama kemudian ketahuan permasalahan nya ternyata ada 2 background dalam 1 elementPerhatikan css di atas yang sangat salah dalam penulisan background 2 kali, Ternyata browser peramban dalam membaca kode css itu yang kebaca yang berada di bawah yaitu background :#fff; dan yang di atas yaitu background :#333; tidak ke baca alias kalah.
Kesimpulan nya browser peramban dalam membaca css "bila terjadi doubel" maka yang kode yang di bawah yang akan di baca. inilah yang namanya belajar dari kesalahan
mungkin kesalahan ini terjadi karena dalam penulisan kode, ada faktor mata lelah dan ingin cepat jadi. cape deh....
Tidak ada komentar