css3 語法要點

2021-09-27 04:16:05 字數 830 閱讀 9520

語法要點

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...