day01
1.環(huán)境配置
（1）重裝了個windows 10專業(yè)版薇组。（一個很大的坑）
（2）安裝一些常用的軟件肿仑，剩下git未安裝序目，進行安裝坑律，老版舊版安裝都出現(xiàn)問題岩梳，git bash
打開秒退囊骤，github桌面版也不可以使用（應(yīng)該就是git的問題）
（3）多方查詢，用了很多辦法冀值，網(wǎng)上的辦法基本上都不好用也物，最后的解決辦法。找到路徑
C:\Windows\System32\drivers下的null.sys文件列疗，找一個git好用的系統(tǒng)拷貝過來（windows10
專業(yè)版的問題）滑蚯。重啟電腦解決了問題。
2.css3動畫
關(guān)鍵幀動畫 animation：動畫名稱 時間 動畫類型抵栈；（兼容性寫法）
@keyframes 動畫名稱｛
from｛樣式｝
to｛樣式｝
｝ 或者是
@keyframes 動畫名稱｛
0%｛樣式｝
50%｛樣式｝
100%｛樣式｝
｝
matrix()方法和2D變換方法合并成一個告材。
matrix 方法有六個參數(shù)，包含旋轉(zhuǎn)古劲，縮放斥赋，移動（平移）和傾斜功能。
實例
利用matrix()方法旋轉(zhuǎn)div元素30°
div
{
transform:matrix(0.866,0.5,-0.5,0.866,0,0);
-ms-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* IE 9 /
-webkit-transform:matrix(0.866,0.5,-0.5,0.866,0,0); / Safari and Chrome */
}
| 函數(shù) | 描述 |
|---|---|
| matrix(n,n,n,n,n,n) | 定義 2D 轉(zhuǎn)換产艾，使用六個值的矩陣疤剑。 |
| translate(x,y) | 定義 2D 轉(zhuǎn)換，沿著 X 和 Y 軸移動元素闷堡。 |
| translateX(n) | 定義 2D 轉(zhuǎn)換隘膘，沿著 X 軸移動元素。 |
| translateY(n) | 定義 2D 轉(zhuǎn)換杠览，沿著 Y 軸移動元素弯菊。 |
| scale(x,y) | 定義 2D 縮放轉(zhuǎn)換，改變元素的寬度和高度倦零。 |
| scaleX(n) | 定義 2D 縮放轉(zhuǎn)換误续，改變元素的寬度。 |
| scaleY(n) | 定義 2D 縮放轉(zhuǎn)換扫茅，改變元素的高度蹋嵌。 |
| rotate(angle) | 定義 2D 旋轉(zhuǎn)，在參數(shù)中規(guī)定角度葫隙。 |
| skew(x-angle,y-angle) | 定義 2D 傾斜轉(zhuǎn)換栽烂，沿著 X 和 Y 軸。 |
| skewX(angle) | 定義 2D 傾斜轉(zhuǎn)換恋脚，沿著 X 軸腺办。 |
| skewY(angle) | 定義 2D 傾斜轉(zhuǎn)換，沿著 Y 軸糟描。 |
3.display的屬性
1）父元素寬度固定怀喉，若干個子元素平分寬度
.parent{
display:table;
width:1000px;
}
.son{
display:table-cell;
}
2）塊級元素垂直居中（未實現(xiàn),don't know why）
.parent{
display:table;
}
.son{
display:table-cell;
vertical-align:middle;
}
4.github桌面版的使用
commit（總結(jié)，描述）船响，pull躬拢，push躲履。fetch origin時候結(jié)束
5.textarea標(biāo)簽的固定
textarea{
resize:none;//禁止拖拽
width:100px;
height:100px;
max-width:100px;
max-height:100px;
}
6.元素塌陷（子元素都浮動了，父元素內(nèi)容塌陷）
1.父容器閉合標(biāo)簽前面加一個空元素聊闯，之后clear：both工猜；
2.父元素設(shè)置overflow：auto/hidden;
3.clearfix（沒有用過）
