摘要： 1. CSS3动画帧数计算器 http://tid.tenpay.com/labs/css3_keyframes_calculator.html 阅读全文

摘要： var a =元素本身的宽度；width() = a；innerWidth() = a+padding;outerWidth() = a+padding+border;outerWidth(true) = a+padding+border+margin;在jQuery中，width()方法用于获得元... 阅读全文

摘要： 有时候，我们会碰到这样一个问题。网页底部一般有个foot对吧，放置一些友情链接版权声明什么的，这个模块是如何定位的？要是直接放内容区域的下面的话，假如是内容区域的高度不够的话，那么foot下面是会留有很多空白的；好了，这时你会说直接相对body定位到底部，那么当内容区域的高度多的话或用户把浏览器放小... 阅读全文

摘要： 1.属性级Hack_：选择IE6及以下。连接线（中划线）（-）亦可使用，为了避免与某些带中划线的属性混淆，所以使用下划线（_）更为合适。*：选择IE7及以下。诸如：（+）与（#）之类的均可使用，不过业界对（*）的认知度更高\9：选择IE6+\0：选择IE8+和Opera15以下的浏览器如想同一段文字... 阅读全文

摘要： 1. 使整个页面的图片都变成灰色的，代码如下。html{ font-size: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; filter: grayscale(100%); -webkit-filter: ... 阅读全文

摘要： 什么是css模块化思想？(what)为了理解css模块化思想，我们首先了解下，什么是模块化，在百度百科上的解释是，在系统的结构中，模块是可组合、分解和更换的单元。模块化是一种 处理复杂系统分解成为更好的可管理模块的方式。它可以通过在不同组件设定不同的功能，把一个问题分解成多个小的独立、互相作用的组件... 阅读全文

摘要： 问题的条件有：A元素是B元素的包含块。A元素设置overflow:hidden;，并同时设置了height和min-height，同时height计算值 < min-height原生IE8浏览器，或者IE9浏览器的IE8兼容性模式（以下统称为IE8）期待结果：若B元素为absolute定位元素，A元... 阅读全文

摘要： 1、IE6支持max-height解决方法 - TOPIE6支持最大高度解决CSS代码：.yangshi{max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clie... 阅读全文

摘要： box-flex属性（和谐版）有道桌面词典显示，”flex”一词中文有“收缩”之意。不过，从此属性实际上产生的效果来看，无论怎样用“收缩”一词解释都显得很牵强。所以，这 里，直接抛开字面意思，我们可以将”box-flex”理解为”房子-分配”。box为“盒子”的意思，我们可以理解为当下价格巨高的“房... 阅读全文

摘要： 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通 俗的讲，移动设备上的viewport就是... 阅读全文