针对不同浏览器的CSS样式声明

在一些大型的网站HTML代码中,我们经常会看到<!--[if IE 6]><!--[if IE 7]>之类的代码,那么,他们有什么用呢?

这些代码在大多前端设计中很少会应用到,其实这是针对不同浏览器的样式声明,达到一个兼容的效果,下面提供一个示例给大家参考:

<!--[if IE 6]>
<style>
#head_menu_main li a span{ line-height:14px}
#head_menu_country li a{ font:12px/21px Arial; font-weight:bold}
#head_menu_place li a{ font:12px/19px Arial;}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
#head_menu_main li a span{ line-height:14px}
#head_menu_country li a{ font:12px/21px Arial; font-weight:bold}
#head_menu_place li a{ font:12px/19px Arial;}
</style>
<![endif]-->
<!--[if IE 8]>
<style>
#head_menu_main li a span{ line-height:14px}
#head_menu_country li a{ font:12px/23px Arial; font-weight:bold}
#head_menu_place li a{ font:12px/21px Arial;}
</style>
<![endif]-->

时间: 2024-11-01 05:04:30

针对不同浏览器的CSS样式声明的相关文章

Firefox与IE浏览器在CSS样式表中的差异

1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用"*+html",现在用IE7浏览一下,应该没有问题了. 现在写一个CSS可以这样: #1 { color: #333; } /* Moz */* html #1 { color: #666; } /* IE6 */*+html #

网页学习基础知识之认识了解CSS样式表

css|网页|样式表 需要具备的基础知识 在继续学习之前,你需要对下面的知识有基本的了解: HTML XHTML 如果你希望首先学习这些项目,请在本站访问相关教程. CSS 概述 CSS指层叠样式表(Cascading Style Sheets),层叠的意思是:多重样式定义被层叠为一. CSS是标准的布局语言,用来控制元素的尺寸.颜色.排版. CSS非常精确,功能强大,易于编写. CSS由W3C发明,用来取代基于表格的布局.框架以及其他非标准的表现方法. 样式(style)定义如何显示HTML元

jQuery源码-CSS样式相关部分

jquery版本:1.7.2 根据实际需要,对CSS部分无关代码进行适当删除,如有疑问,可参见jquery源码:http://code.jquery.com/jquery-1.7.2.js 因实际工作中暂时没有用到jquery,故对jquery了解很粗浅,文章可能有错漏之处,敬请见谅并指出 本文参考借鉴了nuysoft 的jquery源码分析系列,挺不错的系列文章,推荐下: http://www.cnblogs.com/nuysoft/archive/2011/11/14/2248023.htm

jquery动态加载css样式 浏览器兼容处理

个比较严重的bug:在IE6.IE7下,验证提示的样式文件加载不进来. 于是今天早上针对这个bug,测试了好多次,仍然不行,最后才发现原来是因为用jquery的方法动态加载css教程样式文件,存在兼容问题. 在jquery.skygqCheckAjaxform.1.3.js文件中原来动态加载css文件的代码是这样的: //加载css样式 if ($("link[href$=valid.css]").length == 0){  $(' <LINK href="'+set

DivCSS小结:浏览器默认HTML的CSS样式属性

核心提示:这个"浏览器默认HTML的CSS样式属性",在你需要还原默认值的时候,比较有用.开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了. 这个"浏览器默认HTML的CSS样式属性",在你需要还原默认值的时候,比较有用.开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了. 但通配选择器在大型网站的构建中,影响性能

CSS样式表教程之浏览器默认样式

不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}: 不过现在说的可不只是这些.基本上,不同内核的两个浏览器在某些元素的表现都会存在差异,比如缩进的大小.字体选择.字符样式等.也许一个很漂亮的CSS样式表在一个浏览器上表现良好,在另外一个浏览器上即使是没有CSS Bug的情况也会变得结构混乱起来,我都是浏览器默认样式在作怪. 因此,我们在生成CSS样式规则的时候,一个必做的步骤就是重设浏览器的默认样式,也就是覆盖掉浏览器

jquery实现不同大小浏览器使用不同的css样式表的方法

 这篇文章主要介绍了jquery实现不同大小浏览器使用不同的css样式表的方法,需要的朋友可以参考下 该方法支持IE浏览器和其他浏览器.   1.首先定义两个link,当然你也可以是一个,第二个是要更改的css  代码如下: <link rel="stylesheet" type="text/css" href="main.css" /> <link id="size-stylesheet" rel=&quo

根据浏览器和分辨率不同自动调用CSS样式表 (jscript实现)

根据浏览器和分辨率不同自动调用CSS样式表, 这是用jscript实现的,以下是代码:  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

使用CSS样式控制浏览器滚动条的参数总结【zz】

在做到一定特殊风格的网站时候常常为了美观我们需要更改滚动条的颜色及相关设置.那么如何使用标准的样式来控制滚动条呢?经过多次的尝试和总结,我们来简单地介绍一下涉及浏览器滚动条的样式表内容(某些样式需ie5.5+才能支持): 1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)    overflow-x水平方向内容溢出时的设置    overflow-y垂直方向内容溢出时的设置    以上三个属性设置的值为visible(默认值).scroll.hidden.auto. 2.scr