2018.3.26总结

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(没有用过)

你可能感兴趣的:(2018.3.26总结)