語法要點
display: -webkit-box;
/* 老版本語法: safari, ios, android browser, older webkit browsers. */
display: -moz-box;
/* 老版本語法: firefox (buggy) */
display: -ms-flexbox;
/* 混合版本語法: ie 10 */
display: -webkit-flex;
/* 新版本語法: chrome 21 */
display: flex;
/* 新版本語法: opera 12.1, firefox 22 */
order: ;
/*排序:數值越小,越排前,預設為0*/
flex-grow: ; /* default 0 */
/*放大:預設0(即如果有剩餘空間也不放大,值為1則放大,2是1的雙倍大小,以此類推)*/
flex-shrink: ; /* default 1 */
/*縮小:預設1(如果空間不足則會縮小,值為0不縮小)*/
flex-basis: | auto; /* default auto */
/*固定大小:預設為0,可以設定px值,也可以設定百分比大小*/
flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
/*flex-grow, flex-shrink 和 flex-basis的簡寫,預設值為0 1 auto,*/
CSS3學習要點
為了瀏覽器相容問題,所以需要在css3的一些新的style方法中加字首 例如 border radius webkit border radius google moz border radius foxs ms border radius ie o border radius oprea 類似jq...
css3 流式布局要點
b size large 讓乙個div水平 垂直居中 size b 一 流式布局兩個要點 1,在link中加入media 2,把精確的畫素改為百分比,並使用box sizing border box。盒模型以border為準。解決流式布局中兩個水平盒子各分50 的寬度 二 在頁面布局中小的點 在上面...
css3基本語法
1.css邊框 圓角效果 border radius 2.css邊框 陰影 box ahadow box shadow x軸偏移量 y軸偏移量 陰影模糊半徑 陰影擴充套件半徑 陰影顏色 投影方式 3.css邊框 陰影 影。4.css邊框 為邊框應用 border image url borderim...