關(guān)于css3的各個(gè)瀏覽器的前綴_CSS3教程
推薦:css3中漸變背景的動(dòng)畫(huà)嚴(yán)格來(lái)說(shuō),目前各個(gè)瀏覽器都還不支持 css3的漸變背景的動(dòng)畫(huà),所以在制作的時(shí)候我們要靈活變通下,這里有兩種方法可以曲折實(shí)現(xiàn)漸變背景的動(dòng)畫(huà): 第一種:妙用background-color,有些是簡(jiǎn)單的顏色漸變,比喻由淺綠到深綠,那么你就可以把background-color設(shè)置為綠色,然
css3給人最鬧心的莫過(guò)于各個(gè)瀏覽器的前綴了,然后隨著各個(gè)瀏覽器的給力升級(jí),有些前綴已經(jīng)默默的去掉了,我們還是寫(xiě)那么一大堆。下面介紹幾個(gè)工具,來(lái)幫下我們。
第一個(gè)是prefix free,這是一個(gè)js文件,大小2kb,導(dǎo)入之后你根本都無(wú)須考慮前綴問(wèn)題,直接寫(xiě)不需要任何瀏覽器的前綴;
第二個(gè)是css3 please,這個(gè)權(quán)當(dāng)一個(gè)css3前綴參考吧,有注釋說(shuō)明的,一看就知道;
第三個(gè)就是prefix了,它的口號(hào)就是“Cross-Browser CSS in Seconds!”,顧名思義,除了能處理prefix之外,還能處理一些兼容問(wèn)題。如opacity。你可以把你的代碼貼進(jìn)去,然后點(diǎn)擊prefixize這個(gè)按鈕,就ok了;
第四個(gè)就不是工具了,而是應(yīng)用編輯器,運(yùn)用各個(gè)編輯器的自動(dòng)完成(目前我定義了editplus和sublime text的自動(dòng)完成),可以事先定義好,然后寫(xiě)一個(gè)自動(dòng)出來(lái)多個(gè),當(dāng)然也可以應(yīng)用less或sass等來(lái)定義一些變量什么的。
分享:CSS3條件判斷——@supportsCSS3條件判斷,聽(tīng)起來(lái)不明覺(jué)厲,如果你對(duì)CSS稍為熟悉一點(diǎn)的話(huà),你會(huì)發(fā)現(xiàn)CSS中的@media就是條件判斷之一。是的,在CSS3的條件判斷規(guī)范文檔中包含了兩個(gè)部分,其一是@media規(guī)則,主要用來(lái)根據(jù)媒體屬性區(qū)分樣式表(特別是在Responsive設(shè)計(jì)中,發(fā)揮的作用更是強(qiáng)大);其二是@s
CSS3教程Rss訂閱Div+Css教程搜索
猜你也喜歡看這些
- html5 Canvas畫(huà)圖教程(10)—把面拆成線(xiàn)條模擬出圓角矩形
- 突襲HTML5之Javascript API擴(kuò)展4—拖拽(Drag/Drop)概述
- html5 Canvas畫(huà)圖教程(4)—未閉合的路徑及漸變色的填充方法
- 用HTML5實(shí)現(xiàn)網(wǎng)站在windows8中貼靠的方法
- html5指南-2.如何操作document metadata
- 使用CSS實(shí)現(xiàn)彈性視頻html5案例實(shí)踐
- html5 svg 中元素點(diǎn)擊事件添加方法
- HTML5中微數(shù)據(jù)概述及在搜索引擎中的使用舉例
- html5指南-1.html5全局屬性(html5 global attributes)深入理解
- 利用HTML5中Geolocation獲取地理位置調(diào)用Google Map API在Google Map上定位
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS3教程-關(guān)于css3的各個(gè)瀏覽器的前綴。