1.简介
CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack!
CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack!
平时当你使用css定义字体时你可能会这样做:
1 2 3 4 5 6 |
font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; |
我们可以简写这些样式:
1 |
font: 1em/1.5em bold italic small-caps verdana,serif; |
现在好多了吧,不过有一点要注意:使用这一简写方式你至少要指定font-size和font-family属性,其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。
查看全文
HTML:<!–这是一段注释。注释不会在浏览器中显示。–>
CSS: /*declarations*/
Javascript、PHP:单行: // 多行:/* */
其中在CSS(style)或者javascript(script)代码中加入HTML注释<!– –>是为了防止低版本的浏览器不支持style和script代码,而显示在页面当中。
这是为了兼容老版本的浏览器。老的浏览器不支持style,所以遇到style时,会把style样式单的内容显示在页面上。但是老版本的浏览器认识html的注释标记,所以加上标记后,这部分内容就会被当作注释忽略掉,样式单也就不会在页面上显示了。
而支持style的浏览器,则会忽视<!–标记,从而正常使用样式单。