CSS中hack有什么用

小編給大家分享一下CSS中hack有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到大興網(wǎng)站設(shè)計(jì)與大興網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類(lèi)型包括：成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋大興地區(qū)。

SS中的hack就是針對(duì)不同的瀏覽器和版本來(lái)寫(xiě)不同的CSS樣式，使其能呈現(xiàn)出我們想要的頁(yè)面效果

CSS hack主要是用來(lái)解決瀏覽器的兼容問(wèn)題，能夠針對(duì)不同的瀏覽器去寫(xiě)不同的CSS，而且還能在不同的瀏覽器中得到想要的頁(yè)面效果。

hack的定義：

hack就是由于不同廠商的瀏覽器，如Internet Explorer,Firefox,Chrome等，或者是同一廠商的瀏覽器的不同版本，對(duì)CSS的支持不同，所以生成的頁(yè)面效果也不一樣，在這個(gè)時(shí)候就需要我們針對(duì)不同的瀏覽器去寫(xiě)不同的CSS，讓它能夠同時(shí)兼容不同的瀏覽器，能在不同的瀏覽器中得到我們想要的頁(yè)面效果。換句話說(shuō)， hack的目的就是使你的CSS代碼兼容不同的瀏覽器

例如：我們?cè)趯?xiě)CSS3屬性時(shí)經(jīng)常會(huì)碰到針對(duì)不同的瀏覽器需要寫(xiě)不同的代碼，如下所示

animation:5s;/*標(biāo)準(zhǔn)版*/
-moz-animation: 5s;/* Firefox */
-webkit-animation:5s;/* Safari 和 Chrome */
-o-animation:5s;/* Opera */

!important問(wèn)題：

Internet Explorer 6及以下的版本中的!important標(biāo)識(shí)符存在問(wèn)題，如果同一屬性的另一個(gè)樣式出現(xiàn)在同一樣式聲明塊中，就會(huì)導(dǎo)致該標(biāo)識(shí)符被忽略。這可用于提供Internet Explorer 6及其他瀏覽器忽略的特殊屬性值。但在Internet Explorer 7及以上這個(gè)問(wèn)題就不存在了

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

我們可以通過(guò)IE瀏覽器上的F12調(diào)試工具切換IE的版本來(lái)看運(yùn)行的效果

在IE5上：

CSS中hack有什么用

在IE8上：

CSS中hack有什么用

*html的問(wèn)題

hack部分的代碼用星號(hào)“*”表示后面跟“html”。這是通用選擇器和元素類(lèi)型選擇器的組合。在某些時(shí)候，這兩個(gè)選擇器一起在另一個(gè)選擇器之前，只在在某些低版本的的中才有效果，而在其他瀏覽器中沒(méi)有效果。雖然沒(méi)有效果它依然不會(huì)報(bào)錯(cuò)，因?yàn)閷?shí)際上個(gè)它是有效的

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

在IE5上：

CSS中hack有什么用

在IE8上：

CSS中hack有什么用

以上是“CSS中hack有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：CSS中hack有什么用
標(biāo)題來(lái)源：http://chinadenli.net/article22/gspocc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站收錄、外貿(mào)建站、服務(wù)器托管、標(biāo)簽優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

CSS中hack有什么用