今天完成的事情：

css的伪类知识,刚做了解,:hover,的使用还是不太熟练;还可以用来清除浮动;

了解了css的attr();transform;

学习了一下css的伪类,感觉很强大,很酷炫,可以实现很多意想不到的东西;例如实现task7的控制边框线的长度;

当然也可以通过加一个空div实现;

了解了视窗尺寸单位vw ,vh  ,这个与%单位还是很有大的区别,%是根据父级元素的来实现%的定位,而视窗更好,方便,毕竟是

根据窗口的大小实现的,可以更加直观

可以使用css样式做出三角形;     当然这一步也可以用伪类进行实现...

margin: 0 10vw;

width: 0;

height: 0;

border-style:solid;

border-width:3vw;

border-color:  #b9e9f5 transparent transparent transparent;

原理:由于上下左右边框交界处会出呈现平滑的斜线. 利用这个特点, 通过设置不同的上下左右边框宽度一边实线,其余为透明即可实现;

z-index 元素堆叠排序,让我更加清楚的认识到css的盒子样式呈现在我们面前的二维化的平面,实际是三维立体的

其实,当设置position为fixed 或者obsolute时,此时盒子就已经脱离了文档流,变成浮动的状态了,也就说.

相当于有了一个Z轴.        就像王者荣耀也有z轴一样,李白的无敌实际是钻到地下去了

用opacity来设置透明度

opacity:0.5;

em,rem px ,vw ,vh ,等单位的使用;

明天计划的事情：

继续task7的学习;

复习,回顾原来的知识点,最好可以形成自己的体系,一个稳定的框架;

说实话,感觉这两天,学会了好多东西,遇到的问题当然也是很多,毕竟也坚持着,一步一步走下来了,加油吧;

遇到的问题：

对于设置position脱离文档流时,需要设置其宽度,否则会自动坍缩,还有就是盒子没有设置背景颜色,其会默认为透明的;

遇到一个百思不得其解的问题;在写代码时,加了什么使宽度撑过了百分之一百,出现了横线滚动条;之后即使调回原来的代码.

也是还是会有横向滚动条的出现,不知道为什么会出现这种情况,最后把浏览器关了,重新打开了,才好了

之前也遇到过一次,也是这样,不知道这是什么bug,  故特此几率一下;

 
收获:

坚持就是胜利;