為什么80%的碼農都做不了架構師？>>> ??

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

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

css3介紹：

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

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

2.彈多欄介紹和使用

頁面：屬性css -多欄.html

3.媒體查詢介紹和使用

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

?

css的降級處理辦法：

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

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

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

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

?

動態預處理css技術

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

LESS：（有前端js類庫引入的實現和服務端2種）

http://less.bootcss.com/

SASS：（需要ruby的支持）

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

?

?

?

?

轉載于:https://my.oschina.net/tbd/blog/495355

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。