1、一.彈性布局 (重點語flex-direction 主軸方向一.彈性布局 (重點語flex-direction 主軸方向row 默認值，主軸是x 軸，主軸起點在左端 2.row-reverse, 主軸是x 軸，主軸起點在右端 主軸是y軸，主軸起點在頂端 4.column-reverse主軸是y軸，主軸起點在底部取值：flex, 將塊級元素變?yōu)槿菰卦O置為flex失 失容器的對齊方式text-align效1.容要布局的子元素的父元素稱之為容器，容器中寫display:flex 主如果項目們是按照橫向排列，x取值為取值為 默認值為1，空1.flex-start 交叉軸起點對齊nowrap 默認值，

2、空間不夠，不換行，項目會自動壓wrap 空間不夠，就換行，項目不壓wrap-reverse 換行，反是flex-direction 和flex-wrap寫取值 direction wrap; n 兩端對齊 2.space-around 每個間距相同 3.flex-start 默認值 在主軸起點對齊 4.flex-end 在主軸的終點對齊 5.center 在主軸上居中對齊1.flex-start 交叉軸起點對齊 2.flex-end 交叉軸終點對齊 3.center 交叉軸居中對齊 4.baseline 交叉軸基線對齊5.stretch 如果項目未設置高度，在交叉軸上充滿容CSS3.2D函CS

3、S3.2D函transform:translate(xx+ 元素往右- 元素往左transform:translate(x，y)指定元素在x 和y移距x值y 取值 + 元素往下- 元素往上 transform:translateX(x)指定元素在x軸上的位移距離 2.縮取值 transform-function 轉換原取值：px個值，表示原點在xy改變元素在頁面中的 位置 大小 角度 形狀等2D 轉換，在x 軸和y效3D 轉換，添加了z由于不同的瀏覽器，比如IE6IE7對 css 的需要針對不同瀏覽器去寫不同的css這個針對不同瀏覽器寫不同css叫做CSS 有對2.flex-end 交叉軸終點

4、對齊 3.center 交叉軸居中對齊 4.baselinestretch 如果項目未設置高度，在交叉軸上充滿容auto 繼承容器的align-items效練練4.3D距練練4.3D距模擬人的眼睛到3D轉換2.3D06_ex建200*200 的 向下偏移200px；旋轉135deg，向著x傾斜45放大1.54.傾transform:skew(x),等同于讓元素向著x改變的y角+ 逆時針讓元素向著y上改變的時候x角+ 順時針d1旋轉45位移200px d2 先位移 200px，再旋轉 45 度取值，n1 根據轉換原點放0n1 根據轉換原點縮小-1n0 翻轉縮小 （水平和垂直方向都翻轉了180n-1 翻轉放大 transform:scale(x,y) x 和y 縮放尺寸 transform:scaleX(x) 單獨設置x transform:scaleY(y) 單獨設置y3.旋transform:ro e(ndeg); n 為正 順時針n負 逆時針三.過下三.過下顏轉陰簡寫方transition:all不要寫在hover取以x