分享更有价值
被信任是一种快乐

CSS Hack的知识点有哪些

文章页正文上

这篇文章主要讲解了“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+ 曾经不再支持条件注释)能辨认
(2)IE6及以下版本能辨认
这类 Hack 不只对 CSS 生效,对写在判别语句里面的一切代码都会生效。
(3)实践项目中 CSS Hack 大局部是针对 IE 阅读器不同版本之间的表现差别而引入的。
四、CSS Hack书写次第
普通是将适用范围广、被辨认才能强的 CSS 定义在前面。
五、CSS Hack IE条件注释法
这种方式是 IE 阅读器专有的 Hack 方式,微软官方引荐运用的 hack 方式。
5.1 只在 IE 生效

5.2 只在 IE6 生效

5.3 只在 IE6+ 生效

5.4 只在 IE8 不生效

5.5 非 IE 阅读器生效

六、CSS Hack 类内部属性前缀法
属性前缀法是在 CSS 款式属性名前加上一些只要特定阅读器才干辨认的 hack 前缀,以到达预期的页面展示效果。感谢各位的阅读,以上就是“CSS Hack的知识点有哪些”的内容了,经过本文的学习后,相信大家对CSS Hack的知识点有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是云技术,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: 如何实现css3动画效果

这篇文章主要介绍“如何实现css3动画效果”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“如何实现css3动画效果”文章能帮助大家解决问题。 实现css3动画效果:1、利用“@keyframes”规则配合animatio…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册