国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS常用技巧之CSS書寫技巧和CSS HACK技巧

2024-07-11 08:29:37
字體:
供稿:網(wǎng)友

什么是CSS Hack?
不同的瀏覽器對CSS的解析結(jié)果是不同的,因此會導(dǎo)致相同的CSS輸出的頁面效果不同,這就需要CSS Hack來解決瀏覽器局部的兼容性問題。而這個針對不同的瀏覽器寫不同的CSS 代碼的過程,就叫CSS Hack。
CSS Hack常見的有三種形式:CSS屬性Hack、CSS選擇符Hack以及IE條件注釋Hack, Hack主要針對IE瀏覽器。
1、屬性級Hack:比如IE6能識別下劃線”_”和星號” * “,IE7能識別星號” * “,但不能識別下劃線”_”,而firefox兩個都不能認(rèn)識。
2、選擇符級Hack:比如IE6能識別*html .class{},IE7能識別*+html .class{}或者*:first-child+html .class{}。
3、IE條件注釋Hack:IE條件注釋是微軟從IE5開始就提供的一種非標(biāo)準(zhǔn)邏輯語句。比如針對所有IE:<!–[if IE]><!–您的代碼–><![endif]–>,針對IE6及以下版本:<!–[if lt IE 7]><!–您的代碼–><![endif]–>,這類Hack不僅對CSS生效,對寫在判斷語句里面的所有代碼都 會生效。
PS:條件注釋只有在IE瀏覽器下才能執(zhí)行,這個代碼在非IE瀏覽下被當(dāng)做注釋視而不見。可以通過IE條件注釋載入不同的CSS、JS、HTML和服務(wù)器代碼等。
不同的瀏覽器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,對CSS的解析認(rèn)識不一樣,因此會導(dǎo)致生成的頁面效果不一樣,得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的CSS,讓它能夠同時兼容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。這個針對不同的瀏覽器寫不同的CSS code的過程,就叫CSS hack,也叫寫CSS hack。
由于不同的瀏覽器對CSS的支持及解析結(jié)果不一樣,還由于CSS中的優(yōu)先級的關(guān)系。我們就可以根據(jù)這個來針對不同的瀏覽器來寫不同的CSS。
比如 IE6能識別下劃線“_”和星號“ * ”,IE7能識別星號“ * ”,但不能識別下劃線“_”,而firefox兩個都不能認(rèn)識。等等
書寫順序,一般是將識別能力強(qiáng)的瀏覽器的CSS寫在后面。下面列舉常用的CSS hack方法
1:!important
!important作用是提高指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán)。
IE7以及所有標(biāo)準(zhǔn)瀏覽器能識別!important
區(qū)別IE6與IE7與其他瀏覽器
以下為引用的內(nèi)容:

復(fù)制代碼
代碼如下:
.browserTest
{
border:20px solid #60A179 !important;
border:20px solid #00F;
}

在Mozilla中或者IE7瀏覽時候,能夠理解!important的優(yōu)先級,因此顯示#60A179的顏色:
在IE6中瀏覽時候,不能夠理解!important的優(yōu)先級,因此顯示#00F的顏色:
2:*
IE都能識別*;標(biāo)準(zhǔn)瀏覽器(如火狐)不能識別*
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 张家口市| 鄱阳县| 郎溪县| 甘德县| 泸西县| 弥勒县| 安福县| 泾川县| 噶尔县| 西华县| 政和县| 喜德县| 来安县| 巨鹿县| 临夏县| 雷州市| 梅州市| 宁化县| 房产| 浦县| 乌兰浩特市| 湖南省| 灌阳县| 乌兰察布市| 行唐县| 渭南市| 鄯善县| 吉林省| 海宁市| 西乡县| 肃南| 泽普县| 嘉义市| 靖江市| 淄博市| 黑龙江省| 奉节县| 晋城| 北海市| 普兰县| 大方县|