先來個(gè)冷笑話：一晚下班回家，一民警迎面巡邏而來。突然對(duì)我大喊：站住！ 民警：int類型占幾個(gè)字節(jié)? 我：4個(gè)。 民警：你可以走了。 我感到很詫異。 我：為什么問這樣的問題？ 民警：深夜還在街上走，寒酸苦逼的樣子，不是小偷就是程序員

作為一個(gè)后端程序員，之前知道的css都是皮毛，因?yàn)橛袑I(yè)的美工幫我們做靜態(tài)頁面，我們只需要做好頁面數(shù)據(jù)填充，專心寫邏輯代碼?，F(xiàn)在有一種想去從事web前端開發(fā)了，盡管知道一些js的主要概念，原型，原型鏈，上下文，閉包之類的，但貌似都不是很深入，想想還是先從css開始吧，有時(shí)候很簡單的某些樣式卻總是寫的很痛苦。所以今天就看了css手冊(cè)，點(diǎn)滴積累吧。

什么是css hack

　　我自己的理解定義，就是針對(duì)不同的瀏覽器在對(duì)某些css屬性做解析的時(shí)候出現(xiàn)的差異，我們?nèi)oding css這些差異的過程。看了css hack知道有

　　1.條件hack

1 <!--[if <keywords>? IE <version>?]> 2 HTML代碼塊 3 <![endif]--> <keywords>取值有
　　空
　　lt 小于
　　gt　 大于
　　gte 大于或等于
　　lte 小于或等于
　　！ 非
<version>取值有
可以是6/7/8/9...
例如 以下表示瀏覽器是小于ie7的：
1 <!--[if lt IE 7]> 2 <style> 3 .test2{width:100px;height:100px;background:blue} 4 </style> 5 <![endif]--> 以下例子是ie7的，這個(gè)是有效果的: <!--[if IE 7]> <style>.test{color:red;} </style> <![endif]--> 2.屬性級(jí)hack
代碼如下：
#test{color:#c30; /* For Firefox */color:red\0; /* For Opera */color:yellow\9; /* For IE8+ */*color:blue; /* For IE7 */_color:#ccc; /* For IE6 */ } 3.選擇符級(jí)hack
* html .test{color:#090;} /* For IE6 and earlier */ * + html .test{color:#ff0;} /* For IE7 */ .test:lang(zh-cn){color:#f00;} /* For IE8+ and not IE */ .test:nth-child(1){color:#0ff;} /* For IE9+ and not IE */ 還有一點(diǎn)小知識(shí)是讓一個(gè)內(nèi)聯(lián)元素可以設(shè)置寬高 目前知道有display:block/inline-block 或者設(shè)置position:absoulte或者設(shè)置float等
最后 -music

　　白天總是很忙
　　晚上總很慌
　　都說前面有光
　　誰能給誰方向
　　看起來他和她似乎都很風(fēng)光
　　低頭承認(rèn)渺小不如堅(jiān)強(qiáng)上場(chǎng)

　　每天問問自己
　　是否盡全力
　　不學(xué)百般心機(jī)
　　過程是獎(jiǎng)勵(lì)
　　你一直站在光能照到的地方
　　只要相信自己其實(shí)每個(gè)人都一樣

　　多一個(gè)人和你分享
　　少一點(diǎn)難自己肩扛
　　我們都是笨小孩但不忘挺起胸膛
　　多一個(gè)人和你分享
　　少一點(diǎn)難自己肩扛
　　相信自己遲早會(huì)發(fā)光發(fā)亮

　　每天問問自己
　　是否盡全力
　　不學(xué)百般心機(jī)
　　過程是獎(jiǎng)勵(lì)
　　你一直站在光能照到的地方
　　只要相信自己其實(shí)每個(gè)人都一樣

轉(zhuǎn)載于:https://www.cnblogs.com/miniyk/p/3734664.html

總結(jié)

以上是生活随笔為你收集整理的今天才知道css hack是什么的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。