Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站导航为爱好css的朋友们提供相关的知识。

条件CSS教程的介绍OmTAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

OmTAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  • 此篇文章具体介绍如下

条件CSS教程(Conditional-CSS教程)并不仅仅对用户使用的浏览器感兴趣,而是对用户浏览器使用的渲染引擎更感兴趣。这就是条件(Conditional-CSS教程)使用 ‘Geckko’ 而非广为所知的 Firefox 作为它浏览器条件之一的原因。 介绍
条件CSS教程(Conditional-CSS教程)的开发源于在多数浏览器上修正 CSS教程 渲染 bug 的需求,以确保尽量多的用户看到正确的网站设计。核心思想建立在 Internet Explorer 上发现的条件注释方法,并扩展到包含其他的浏览器,而且将条件声明内联到 CSS教程 定义里面。
相关教程:针对不同版本的IE浏览器的条件CSS教程应用
条件CSS教程(Conditional-CSS教程)并不仅仅对用户使用的浏览器感兴趣,而是对用户浏览器使用的渲染引擎更感兴趣。这就是条件(Conditional-CSS教程)使用 ‘Geckko’ 而非广为所知的 Firefox 作为它浏览器条件之一的原因。同样地, ‘Webkit’ 代替了 Safari。这使得其他使用同样渲染引擎地浏览器接受到那些同样地定位 CSS教程。这个规则地一个例外是使用了 IE(而不是 ‘Trident’),因为这是使用的 IE 的条件注释,而 ‘Trident’ 并不怎么为人所知。同样地,对于 Opera,因为只有 Opera 使用 Presto 渲染引擎,所以使用了 ‘Opera’。
需要注意的是,如果所有浏览器都能正确地执行 W3C 发布的 CSS教程 标准,那么条件CSS教程(Conditional-CSS教程)就没有需求了。但是,CSS教程 bug 对于开发者是无法回避的现实,而且往往都及其让人沮丧。条件CSS教程(Conditional-CSS教程)给我们提供了一个简单的方法来解决这些问题。 高级条件声明 条件块
一个典型的条件声明只应用于一条 CSS教程 规则。当然,也有可能对整个 CSS教程 块使用条件,这样的块只用于特定的浏览器。下面的例子中 CSS教程 块只用于 IE 浏览器。
// 条件块实例 [if IE ] .box { width : 500px ; padding : 100px 0 ; }
一个更高级的使用了条件CSS教程(Conditional-CSS教程)的实例样式表可以看这里。它展示了使用条件声明的各种方法。需要注意的是在条件声明和 CSS教程 声明之间不需要空格。 条件导入
条件CSS教程(Conditional-CSS教程)不仅仅自动将 CSS教程 中找到的任意 ‘@import’ 声明进行扩展并引入(为了减少 hTTP 请求),也允许条件导入语句。这可以用于为特定浏览器引入一些规则。下面的例子会为移动版 Safari(iPhone / iPod Touch)导入一个样式表,为其他浏览器导入另一个不同的样式表。
// 条件导入实例 [if SafMob ] @import('iphone.css教程'); [if ! SafMob ] @import('non-iphone.css教程'); 浏览器分组
将浏览器按照若干支持级别进行分组是一种常见并且是很好的做法。一个由我们在U4EA中提供的浏览器列表展示了这中方法,在那里我们将浏览器分成4个不同的支持级别: A 级: 最高级,支持所有组件 C 级: 核心支持,基本显示信息 X 级: CSS教程 在该类浏览器中被锁定,仅依赖hTML渲染 U 级: 不支持。获得的CSS教程将和C级浏览器一样
可能遇到的情况是,你只想让A级浏览器获取某些CSS教程,而又要确保C级以及更低级的浏览器不能看到它们。比如,想让A级浏览器将一个UL列表显示为tab,而其他浏览器按照原始格式显示点式列表。
条件CSS教程 允许你通过定义一组浏览器到特定的分组来实现此类需求,然后使用标准条件语句中的 浏览器区域来匹配这个浏览器分组。条件CSS教程 有一套内置的标准浏览器分组(当然,你也可以定义你自己的分组): ‘css教程A’ - A 级CSS教程支持 IE 6 Gecko 1.0 (Firefox, Camino, Flock, etc) Webkit 312 (Safari 1.3 , Google Chrome) Opera 7 Konqueror 3.3 ‘css教程X’ - X 级CSS教程支持 IE 4 以下 IE Mac 4.5 以下
一个使用条件CSS教程的浏览器分组的例子:
1 2 3 4 5 6 7
// 条件CSS教程浏览器分组实例 [if css教程A ] ul .li { display : block ; margin-left : 5px ; width : 50px ; /* etc */ }
正如你可以看到的,浏览器分组的条件语句被格式化为与标准条件语句同样的语法。注意’css教程X’是一个特殊的浏览器分组,它可以引起条件CSS教程返回空值除了它自己默认的。 [if {!} browser_group]
在这里:
    ! - 代表否定声明(i.e. NOT) - 可选择的 browser_group - 指定浏览器分组声明标签 ‘css教程A’ - A 级浏览器 浏览器是如何被检测到的
    默认浏览器通过条件CSS教程和相应的样式被检测到,然后通过读取浏览器的user agent字符串处理。这使得设置和整合条件CSS教程到你的网站变得灰常容易,你所需要做的仅仅是上传代码并在你的hTML中编辑CSS教程 import声明就可以了。User agent 检测是一种检测那种浏览器及其版本被使用的有效的方法,不过有一种倒退的现象就是有些用户改变他们的浏览器的user agent 以显示他们很了不起(通常是IE)。在这种情况下,最终用户将会获取错误的CSS教程到他们的浏览器。我对此的观点是,如果你的目标浏览器是IE,那么你应该预料到IE将会看到的情况。 通过hTTP GET 变量设置浏览器
    之前我们有说过确保IE并且只有IE可以获得IE特定的CSS教程是可行的。要做到这些我们需要使用IE的条件注释并结合条件CSS教程能够使用GET变量获取浏览器信息的能力。条件CSS教程 接受浏览器的两个不同变量: b - 浏览器名称 v - 浏览器版本(可选)
    下面的这个例子显示使用条件注释声明的hTML需要确定IE6和IE7将获取它们的特定颜色,而其它的所有浏览器将获取其它样式:
    1 2 3 4 5 6 7 8 9
    <!-- [if !IE ] ><!-- > <style type = "text/css教程" > @import '/media/css教程/c-css教程.php?b=nonIE';</style> <!--<! [endif ]-- > <!-- [if IE 6 ] > <style type = "text/css教程" > @import '/media/css教程/ic-css教程.php?b=IE&v=6';</style> <! [endif ]-- > <!-- [if gte IE 7 ] > <style type = "text/css教程" > @import '/media/css教程/c-css教程.php?b=IE&v=7';</style> <! [endif ]-- > 使用静态CSS教程文件
    使用条件CSS教程为每一个浏览器生成一个定制的CSS教程文件的方法看起来很不错, 它只是十分适用于管理一个相对比较轻量级的网站,因为程序必须运行于样式的每一个请求。对于中到大型网站,这的确不太合适,特别是当创建的文件数量受到限制的时候。所以条件语句有接受命令行参数的能力,它可以指定某个浏览器和版本(可选)应该生效然后输出最终样式到标准输出文件。下面的脚本可以用于为IE6/7以及非IE浏览器生成CSS教程文件(注意,该脚本描述了PhP版本的条件CSS教程,但是命令行选项和C版本一样):
    1 2 3 4
    #!/bin/sh php -q c -css教程 .php IE 7 > ie7 .css教程 php -q c -css教程 .php IE 6 > ie6 .css教程 php -q c -css教程 .php > nonie .css教程
    公平的说,这是你需要的最合适的样式组合。因此,下面的使用hTML注释可以配合上面的脚本来调用需求的CSS教程文件。
    1 2 3 4 5 6 7 8 9
    <!-- [if !IE ] ><!-- > <style type = "text/css教程" > @import '/media/css教程/nonie.css教程';</style> <!--<! [endif ]-- > <!-- [if IE 6 ] > <style type = "text/css教程" > @import '/media/css教程/ie6.css教程';</style> <! [endif ]-- > <!-- [if gte IE 7 ] > <style type = "text/css教程" > @import '/media/css教程/ie7.css教程';</style> <! [endif ]-- >
    享受条件CSS教程的好处吧!
    糖伴西红柿说:
    最终的条件CSS教程(Conditional-CSS教程)的高级用法也新鲜出炉了,加上老江的条件CSS教程(Conditional-CSS教程)介绍,这个系列就全了。
    剩下的就是学习、讨论了。嗯,这篇文章非我一人之功,神飞同学做出了巨大的贡献。
    原文地址:http://www.conditional-css教程.com/advanced

CSS教程学习之css教程代码的简写的十条规则OmTAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

OmTAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

关于css的相关的知识就说到这里希望能够可以帮助更多的朋友们。,用法,高级,条件,浏览器,CSS,gt,

分享到:

  admin

注册时间:

网站:0 个   APP:3 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市