css3 box-reflect属性
取值：direction： above：倒影想上方； below：倒影在下方； left：倒影在左边； right：倒影在右边。 offset： 可用单位：px 百分比 mask-box-image： none：无遮罩图像 url：使用绝对或相对...
css模拟下拉框美化效果
var aLi = $("ul li"); var onOff = true; $("#box p").click(function() { if (onOff) { $("#box ul&q...
前端SEO:DNS预解析提升页面速度dns-prefetch
对于一些DNS解析速度问题优化，可以通过dns-prefetch标签来预解析DNS，提示页面的解析速度。 一般来说这种延时...
display:flex 多栏多列布局
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。display:flex 多栏多列布局浏览器支持情况：火狐直接支持w3c无前缀写法，谷歌和opera支...
限制input输入为数字,可用于限制手机号码的正确格式
这个是一js的判断input数字输入的实例，一旦输入非数字内容，将会input设置为空，自己可以进行定义其他的方法去进行提示操作。<input type="text" id="" name=""&n...
如何使用IconFont 字体图标
第一步：使用font-face声明字体@font-face {font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src:&nbs...
ie6,7,8兼容圆角问题解决
我们经常做网站会遇到圆角的问题，那么你们是如何解决的呢？我说下我的解决方法：需要添加样式：.border-radius { behavior: url(js/PIE.htc); positi...
div模拟textarea文本域轻松实现高度自适应
关于textarea文本域以及高度自适应textarea标签为表单元素，一般用在多行文字的输入。在web应用上常见的是评论输入框，微博信息输入框等。作为多行文本域功能来讲，textarea满足了我们大部分的需求。然而，textarea...
布局神器 box-sizing
页面布局有很多种方式，最传统的表格已经本身的局限性已经甚少用于布局。现在的CSS3中又加入了display:flex来用于布局，但兼容性十分蛋疼。除了这些还有使用calc实时计算的动态布局，同样存在很蛋疼的兼容性问题。唯...
使用弹性盒子实现手风琴菜单效果
弹性盒子是CSS3中的一个比较纠结的东西，之前的版本改了许多次接口，终于现在稍微稳定了。关于弹性盒子的概念网络上一大堆，我就不详细介绍了。它的作用是将容器盒子的空间按一个权重比例分配给子元素，所以可以很容...
整站变灰
如果改图片的话工作量不可想象，但下面的方法是仅通过几句css就可以搞定，这就是css技术的强大。如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。但如果自己的网站支持CSS...
Firefox浏览器中，input输入框输入的内容在刷新网页后记录之前的输入值？
Firefox火狐浏览器中，发现input输入的内容，刷新页面后台input的内容会记录成之前写的内容，其他浏览器没有这样的情况，处理的方法可以使用如下方法autocomplete="off"autocomplete 默认值是 on，即默认...
