hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

CSS中hack是什么意义【html5教程】

2019-11-26HTML搜搜PHP网59°c
A+ A-
CSS中的hack就是针对差别的浏览器和版本来写差别的CSS款式,使其能呈现出我们想要的页面结果

CSS hack主假如用来处理浏览器的兼容题目,能够针对差别的浏览器去写差别的CSS,而且还能在差别的浏览器中获得想要的页面结果,本日将在文章中为人人细致引见什么是hack

【引荐课程:CSS教程

hack的定义:

hack就是由于差别厂商的浏览器,如Internet Explorer,Firefox,Chrome等,或者是统一厂商的浏览器的差别版本,对CSS的支撑差别,所以生成的页面结果也不一样,在这个时刻就需要我们针对差别的浏览器去写差别的CSS,让它能够同时兼容差别的浏览器,能在差别的浏览器中获得我们想要的页面结果。换句话说, hack的目标就是使你的CSS代码兼容差别的浏览器

比方:我们在写CSS3属性时经常会遇到针对差别的浏览器需要写差别的代码,以下所示

animation:5s;/*标准版*/
-moz-animation: 5s;/* Firefox */
-webkit-animation:5s;/* Safari 和 Chrome */
-o-animation:5s;/* Opera */

!important题目:

Internet Explorer 6及以下的版本中的!important标识符存在题目,假如统一属性的另一个款式出现在统一款式声明块中,就会致使该标识符被疏忽。这可用于供应Internet Explorer 6及其他浏览器疏忽的特别属性值。但在Internet Explorer 7及以上这个题目就不存在了

  p
 {
     background: green !important;
     background: red; 
         }
      </style>
   </head>
   <body class="page-body">
      <p>Test</p>

我们能够经由过程IE浏览器上的F12调试东西切换IE的版本来看运转的结果

在IE5上:

在IE8上:

*html的题目

hack部份的代码用星号“*”示意背面跟“html”。这是通用选择器和元素范例选择器的组合。在某些时刻,这两个选择器一同在另一个选择器之前,只在在某些低版本的的中才有结果,而在其他浏览器中没有结果。虽然没有结果它依旧不会报错,由于现实上个它是有用的

*html p
         {
            background: green;
            background: red; 
         }
      </style>
   </head>
   <body class="page-body">
      <p>Test</p>

在IE5上:

在IE8上:

总结:以上就是本篇文章的全部内容了,愿望经由过程这篇文章能够让人人对hack有肯定的相识

以上就是CSS中hack是什么意义的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
CSS中hack是什么意义【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签: