取消chrome浏览器下input和textarea的默认样式
最近一个细节引起了我的注意，chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定...
CSS Sprites图片优化
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背...
hover与focus区别
hover( )应该是任何元素都可以使用的 ~他的作用是滑过，focus( )一般来说是针对表单的，比如input等 ，他的作用是锁定焦点
PNG8和PNG24的区别
今天我做了一个图，因为需要透明，所以我存为了PNG8格式，结果发现图片变了，图片变得四周都不光滑了，四周都变得有锯齿了，而且阴影也不见了，后来存为PNG24，这些问题就消失了。我去百度搜索了关于PNG8和PNG24的区...
前端值得看的文章
事件冒泡事件捕获：http://www.jb51.net/article/42492.htm；js作用域：http://blog.csdn.net/yueguanghaidao/article/details/9568071；form表单：http://suo.iteye.com/blog/493998；雅虎ui：http://yui-doc-zh.go...
再说iconfont和font-face
初始font-face每次介绍一次新属性之前，都要把其属性值先简单介绍一下，这样可以让同行加深一下印象，对于@font-face这个属性，mozilla 的语法如下@font-face { [font-family: ...
解决ie圆角问题
-moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit br...
兼容ie7,8背景半透明
<div class="img"><a href=""><img src="images/1.jpg" /></a><span>小猫咪</span></div>body { backgrou...
表格基本框架
<form action=""> <table width="100%" border="0" cellpadding="0" cellspacing="0" > ...
如何在IE6及更早浏览器中定义小高度的容器？
如何在IE6及更早浏览器中定义小高度的容器方法：#test{overflow:hidden;height:1px;font-size:0;line-height:0;}
如何解决按钮在IE7及更早浏览器下随着value增多两边留白也...
方法：input,button{overflow:visible;}
如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？
方法：#test{display:inline;}当在IE6及更早浏览器中出现浮动后margin值解析为双倍的情况，设置该元素的display属性为inline即可。
