animation:動畫
transition過渡
屬性 時間 速度 延遲：
all 2s linear 1s
屬性：all 或者具體width
速度：預設ease，ease-in開始慢，ease-out結束慢，linear勻速
加粗樣式
tranform變形
translate:位移（200px,200px）不影響其他標籤
scale：縮放 負值為翻轉 （2）2倍 （-1，1）
rotate:旋轉 正順 負逆 180deg
skew：斜切 180deg
可以一起寫：
tranform:translate() rotate() () ()
關鍵幀@keyframes 名字
結束to
}.box
forwards留在最後位置
backwards預設/回到開始
另一種寫法
0%25%
100%ransform:translate(0,0)
百分比是到25%的時間在哪
div[ class^=「ss」]包括ss的class省重複寫法
必定居中：
position:absolute
top:50%
left:50%
tranform:translate(-50%,-50%)
慶東12 28筆記 flex
axis 軸 main主 cross main star主軸開始 cross end軸結束 justify content 裡面對齊方式 flex start 開始 end結束 center中間位置 space between 兩端對齊 space around 拉手對齊 flex directio...
慶東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 相對 原來的位置還...