Css权重图谱
2015/01
07
14:01
对于css样式的优先级，很多人都知道ID比Class的权重高，但是对于dom、input[type]这些属性啊，还有就是复杂串联的Class表权重到底几何有点分不清楚，所以特别拿来一张Css的图谱作为解释，这个大鱼吃小鱼，小鱼吃小虾，小虾吃泥巴的CSS选择器类型与权重关系图的图谱简直是太赞了，必须收藏！！！–北北
Css-hack 样式兼容写法
2014/12
22
17:12
关于css-hack，首先说明2点
1.能不用hack就不用hack;
2.当必须用hack的时候，将hack写在后面，让通用样式先识别.
我这里不想说太多烂七八糟没用的，就说最常用到的几种hack.–北北
以下样式上下顺序不可以写错！！！
#css {
border:2px solid #00f; /* 通用属性 */ buy viagra online
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
*border:2px solid #F80; /* IE6/7的属性 */
+border:2px solid #000; /* IE7 */
_border:2px solid #011; /* IE6的属性 */
}
border:2px solid #00f; /* 通用属性 */ buy viagra online
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
*border:2px solid #F80; /* IE6/7的属性 */
+border:2px solid #000; /* IE7 */
_border:2px solid #011; /* IE6的属性 */
}
/*ie11 生效*/
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, .apd .table-box{height: auto;overflow-y: inherit;}
}
/*ie11注意里面的标点符号*/
/*ie10 css hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.apd .table-box{height: auto;overflow-y: inherit;}
}
记住这个样式表，是不是简单粗暴，有了这些，相信可以解决95%以上的问题了。
CSS3-@keyframes
2014/11
17
12:11
通过 CSS3，我们能够创建动画，这是一件令人激动的事情，它甚至可以替代Javascript或者flash.而且在性能和体积上占有绝对优势。–北北
- 另外，大神帮我们写好了一些常用的CSS3动画，我们只要简单的方法就能调用了，这个很屌的css动画集合的名字叫Animate.css,它模拟了easing的一些动画，但是比easing更轻量级，我将在文章的最后介绍它的使用方法，先来了解一下@keyframes的基础知识吧。
- （更多…）
