為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

大家可以下載我上傳的css分析和實例展示，結(jié)合使用！

地址：http://www.oschina.net/code/snippet_2352644_50363

css3介紹：

1.彈性盒子布局介紹和使用

頁面：屬性css -彈性盒模型.html

2.彈多欄介紹和使用

頁面：屬性css -多欄.html

3.媒體查詢介紹和使用

頁面：屬性css -媒體查詢.html

?

css的降級處理辦法：

1.css3的媒體查詢可以實現(xiàn)對不同設(shè)備處理，針對ie6-ie8的不支持問題，我們可以借助 respond.js（ajax的請求實現(xiàn)，需要在服務(wù)器下使用）

2.針對css3圓角，漸變等，ie6-8的不支持情況，我們可以借助PIE.htc和IEcss3.htc處理

3.針對ie6下png-24出現(xiàn)灰色背景問題，我們可以借助DD_belatedPNG.js

下載地址：http://www.oschina.net/code/snippet_2352644_50374

?

動態(tài)預(yù)處理css技術(shù)

為css嵌入語法的處理，我感覺就是多此一舉，css寫的熟練，何必浪費時間去學(xué)習(xí)他的東西，都說加快速度？你用記事本試試？

LESS：（有前端js類庫引入的實現(xiàn)和服務(wù)端2種）

http://less.bootcss.com/

SASS：（需要ruby的支持）

http://www.w3cplus.com/sassguide/

?

?

?

?

轉(zhuǎn)載于:https://my.oschina.net/tbd/blog/495355

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的Css3系列-新属性新布局的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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