文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

CSS Hack的知识点有哪些

2024-04-02 19:55

关注

这篇文章主要讲解了“CSS Hack的知识点有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS Hack的知识点有哪些”吧!

 一、CSS Hack的概念
由于不同厂商的流览器或某阅读器的不同版本(如IE,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,招致在不同阅读器的环境中呈现出不分歧的页面展示效果。这时,我们为了取得统一的页面效果,就需求针对不同的阅读器或不同版本写特定的CSS款式。
我们把针对不同的阅读器/不同版本写相应的CSS code的过程,叫做CSS hack!
二、CSS Hack的原理
由于不同的阅读器和阅读器各版本对CSS的支持及解析结果不一样,以及CSS优先级对阅读器展示效果的影响,我们能够据此针对不同的阅读器情形来应用不同的CSS。
三、CSS Hack的分类
3.1 CSS 属性前缀法(即类内部 Hack)
(1)IE6 能辨认下划线" _"和星号" *"
(2)IE7 能辨认星号" *",但不能辨认下划线" _ "
(3)IE6~IE10 都辨认" 9 "
(4)firefox 前述三个都不能辨认。
3.2 选择器前缀法(即选择器 Hack)
(1)IE6 能辨认 *html .class{}
(2)IE7 能辨认 *+html .class{} 或 *:first-child+html .class{}
3.3 IE条件注释法(即 HTML 头部援用 if IE Hack)
(1)一切 IE (注:IE10+ 曾经不再支持条件注释)能辨认 <!--[if IE]>IE阅读器显现的内容 <![endif]-->
(2)IE6及以下版本能辨认 <!--[if lt IE 6]>只在IE6-显现的内容 <![endif]-->
这类 Hack 不只对 CSS 生效,对写在判别语句里面的一切代码都会生效。
(3)实践项目中 CSS Hack 大局部是针对 IE 阅读器不同版本之间的表现差别而引入的。
四、CSS Hack书写次第
普通是将适用范围广、被辨认才能强的 CSS 定义在前面。
五、CSS Hack IE条件注释法
这种方式是 IE 阅读器专有的 Hack 方式,微软官方引荐运用的 hack 方式。
5.1 只在 IE 生效
<!--[if IE]> 这段文字只在 IE 阅读器显现<![endif]-->
5.2 只在 IE6 生效
<!--[if IE 6]> 这段文字只在 IE6 阅读器显现<![endif]-->
5.3 只在 IE6+ 生效
<!--[if gte IE 6]> 这段文字只在 IE6以上(包括) 阅读器显现<![endif]-->
5.4 只在 IE8 不生效
<!--[if ! IE 8]> 这段文字只在 非IE8 阅读器显现<![endif]-->
5.5 非 IE 阅读器生效
<!--[if ! IE]> 这段文字只在 非IE 阅读器显现<![endif]-->
六、CSS Hack 类内部属性前缀法
属性前缀法是在 CSS 款式属性名前加上一些只要特定阅读器才干辨认的 hack 前缀,以到达预期的页面展示效果。

感谢各位的阅读,以上就是“CSS Hack的知识点有哪些”的内容了,经过本文的学习后,相信大家对CSS Hack的知识点有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯