一、形變

　　1.形變參考點：三軸交界點

　　transform-origin:x軸坐標 y坐標；

　　2.旋轉 rotate deg

　　transform:rotate(720deg);

　　偏移translate px

　　transform:translateX(200px) translateY(200px);

　　縮放 scale 無單位

　　#註：可以多形變，空格隔開書寫在一條transform屬性中，順序一般會形象形變結果

　　形變不改變盒子布局，只拿形變做動畫

二.動畫animation

　　#1.設置動畫體

　　七點省略采用的就是初始狀態

　　0%{}

　　33.3%{

　　　　margin-left:800px;

　　　　#在每一個動畫界點都需要明確所有做動畫屬性在該節點的屬性

　　　　margin-top:50px;

　　}

　　# 終點需要設置

　　100% {

　　　　margin-left: 200px;

　　　　margin-top: 50px;

　　}

}

　　#2.設置動畫屬性

　　animation: 動畫名 時間 運動次數（無限次：infinite) 運動曲線

　　.box{

　　　　animation: move 2s 1 linear;

　　}

三.表格

<table>
    <caption>表格標題</caption>
    <thead
 
>
        <tr>
            <th>標題</th>
            <th>標題</th>
            <th>標題</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>單元格</td>
            <td>單元格</td>
            <td>單元格</
 
td>
        </tr>
        
    </tbody>
    <tfoot>
        <tr>
            <td>單元格</td>
            <td>單元格</td>
            <td>單元格</td>
        </tr>
    </tfoot>
</table>
table的全局屬性:
border="1"  設置邊框寬度
cellspacing="10" 單元格間的間距
cellpadding="10" 單元格的內邊距
rules="rows | cols | groups | all" 邊框的保留格式

td的全局屬性
rowspan=‘2‘ 合並兩行單元格
colspan=‘3‘ 合並三列單元格

table的高度: 由內容和設置高度中的大值決定

table-cell: 可以嵌套任意類型標簽, 可以快速實現多行文本垂直居中

第六十二天 形變 動畫 與 表格