cara baca browser terhadap css

browser baca css opic blog

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
#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 element

Perhatikan 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

Terima kasih atas kunjungan nya dan Gunakan tag seperlunya

Tag kode pendek <i rel="code">KODE ANDA</i>
Tag kode panjang <i rel="pre">KODE PANJANG ANDA</i>
Tag gambar <i rel="image">URL GAMBAR</i>
Tag judul <b rel="h3">JUDUL ANDA DI SINI...</b>
Tag huruf tebal <b>TEKS ANDA DI SINI...</b>
Tag huruf miring <i>TEKS ANDA DI SINI...</i>

Konversi Code