day01
1.环境配置
（1）重装了个windows 10专业版。（一个很大的坑）
（2）安装一些常用的软件，剩下git未安装，进行安装，老版旧版安装都出现问题，git bash
打开秒退，github桌面版也不可以使用（应该就是git的问题）
（3）多方查询，用了很多办法，网上的办法基本上都不好用，最后的解决办法。找到路径
C:\Windows\System32\drivers下的null.sys文件，找一个git好用的系统拷贝过来（windows10
专业版的问题）。重启电脑解决了问题。
2.css3动画
关键帧动画 animation：动画名称 时间 动画类型；（兼容性写法）
@keyframes 动画名称｛
from｛样式｝
to｛样式｝
｝ 或者是
@keyframes 动画名称｛
0%｛样式｝
50%｛样式｝
100%｛样式｝
｝
matrix()方法和2D变换方法合并成一个。
matrix 方法有六个参数，包含旋转，缩放，移动（平移）和倾斜功能。
实例
利用matrix()方法旋转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 */
}
| 函数 | 描述 |
|---|---|
| matrix(n,n,n,n,n,n) | 定义 2D 转换，使用六个值的矩阵。 |
| translate(x,y) | 定义 2D 转换，沿着 X 和 Y 轴移动元素。 |
| translateX(n) | 定义 2D 转换，沿着 X 轴移动元素。 |
| translateY(n) | 定义 2D 转换，沿着 Y 轴移动元素。 |
| scale(x,y) | 定义 2D 缩放转换，改变元素的宽度和高度。 |
| scaleX(n) | 定义 2D 缩放转换，改变元素的宽度。 |
| scaleY(n) | 定义 2D 缩放转换，改变元素的高度。 |
| rotate(angle) | 定义 2D 旋转，在参数中规定角度。 |
| skew(x-angle,y-angle) | 定义 2D 倾斜转换，沿着 X 和 Y 轴。 |
| skewX(angle) | 定义 2D 倾斜转换，沿着 X 轴。 |
| skewY(angle) | 定义 2D 倾斜转换，沿着 Y 轴。 |
3.display的属性
1）父元素宽度固定，若干个子元素平分宽度
.parent{
display:table;
width:1000px;
}
.son{
display:table-cell;
}
2）块级元素垂直居中（未实现,don't know why）
.parent{
display:table;
}
.son{
display:table-cell;
vertical-align:middle;
}
4.github桌面版的使用
commit（总结，描述），pull，push。fetch origin时候结束
5.textarea标签的固定
textarea{
resize:none;//禁止拖拽
width:100px;
height:100px;
max-width:100px;
max-height:100px;
}
6.元素塌陷（子元素都浮动了，父元素内容塌陷）
1.父容器闭合标签前面加一个空元素，之后clear：both；
2.父元素设置overflow：auto/hidden;
3.clearfix（没有用过）
