axis:軸 main主 cross
main star主軸開始
cross end軸結束
justify-content:裡面對齊方式
flex-start:開始 end結束
center中間位置
space-between 兩端對齊
space-around 拉手對齊
flex-direction:改變主軸方向
row預設橫豎
row-reverse,反向橫(右到左,321居右)
column列,-reverse反向下到上
align-items:交叉軸方向
flex-start:開始 (一般是左/上)end結束
center中間位置
align-content:多行交叉軸對齊方式
flex-wrap:換行
nowrap:不換
wrap:超出換行
warp-reverse:反向(朝↑)換行
box-sizing:border-box;邊框向內填充
慶東11 23筆記 外邊距
萬用字元 網頁裡的所有元素的內外邊距都為0畫素,緊貼瀏覽器邊邊上 margin 20px 外邊距也是以順時針給值 乙個 全部 兩個 上下 左右 三個 上 左右 下 四個 上 右 下 左 margin 盒子水平居中,左右外邊距的左右自動 margin 0 auto 前提是他有寬度 margin lef...
慶東12 01筆記 浮動 定位
一 clearfix after clearfix 二 clearfix before,clearfix after clearfix after clearfix 三 overflow hidden float right,left 相對定位 position relative 相對 原來的位置還...
慶東12 17筆記 動畫效果
animation 動畫 transition過渡 屬性 時間 速度 延遲 all 2s linear 1s 屬性 all 或者具體width 速度 預設ease,ease in開始慢,ease out結束慢,linear勻速 加粗樣式 tranform變形 translate 位移 200px,2...