今天才知道css hack是什么

先来个冷笑话：一晚下班回家，一民警迎面巡逻而来。忽然对我大喊：站住！ 民警：int类型占几个字节? 我：4个。 民警：你能够走了。 我感到很诧异。 我：为何问这样的问题？ 民警：深夜还在街上走，寒酸苦逼的样子，不是小偷就是程序员

做为一个后端程序员，以前知道的css都是皮毛，由于有专业的美工帮咱们作静态页面，咱们只须要作好页面数据填充，专心写逻辑代码。如今有一种想去从事web前端开发了，尽管知道一些js的主要概念，原型，原型链，上下文，闭包之类的，但貌似都不是很深刻，想一想仍是先从css开始吧，有时候很简单的某些样式却老是写的很痛苦。因此今天就看了css手册，点滴积累吧。

什么是css hack

　　我本身的理解定义，就是针对不一样的浏览器在对某些css属性作解析的时候出现的差别，咱们去coding css这些差别的过程。看了css hack知道有

　　1.条件hack

1 <!--[if <keywords>? IE <version>?]>
2     HTML代码块
3 <![endif]-->

<keywords>取值有
　　空
　　lt 小于
　　gt　 大于
　　gte 大于或等于
　　lte 小于或等于
　　！ 非
<version>取值有
能够是6/7/8/9...
例如 如下表示浏览器是小于ie7的：

1 <!--[if lt IE 7]>
2 <style>
3     .test2{width:100px;height:100px;background:blue}
4 </style>
5 <![endif]-->

如下例子是ie7的，这个是有效果的:

<!--[if IE 7]>
<style>
    .test{color:red;}
</style>
<![endif]-->

2.属性级hack
代码以下：

#test{
    color:#c30; /* For Firefox */
    color:red\0; /* For Opera */
    color:yellow\9; /* For IE8+ */
    *color:blue; /* For IE7 */
    _color:#ccc; /* For IE6 */
}

3.选择符级hack

* html .test{color:#090;}       /* For IE6 and earlier */
* + html .test{color:#ff0;}     /* For IE7 */
.test:lang(zh-cn){color:#f00;}  /* For IE8+ and not IE */
.test:nth-child(1){color:#0ff;} /* For IE9+ and not IE */

还有一点小知识是让一个内联元素能够设置宽高 目前知道有display:block/inline-block 或者设置position:absoulte或者设置float等
最后      -music 

　　白天老是很忙
　　晚上总很慌
　　都说前面有光
　　谁能给谁方向
　　看起来他和她彷佛都很风光
　　低头认可眇小不如坚强上场

　　天天问问本身
　　是否尽全力
　　不学百般心机
　　过程是奖励
　　你一直站在光能照到的地方
　　只要相信本身其实每一个人都同样

　　多一我的和你分享
　　少一点难本身肩扛
　　咱们都是笨小孩但不忘挺起胸膛
　　多一我的和你分享
　　少一点难本身肩扛
　　相信本身早晚会发光发亮

　　天天问问本身
　　是否尽全力
　　不学百般心机
　　过程是奖励
　　你一直站在光能照到的地方
　　只要相信本身其实每一个人都同样