发表于： 2017-03-16 22:34:49
1 722
今天完成的任务：
1.完成了任务7-2的基本布局，对7-3的页面做了切图，写了头部部分
2.学习了opacity的用途，改变元素透明度，opacity=0时元素是透明的，配合：hover可以实现鼠标悬停显示元素时显示图标的功能
3.学习了一下伪元素和伪类的区别：伪元素比如最常见的:focus,:hover以及<a>标签的:link、visited等，伪元素较常见的比如:before、:after等
伪类由一个冒号:开头，冒号后面是伪类的名称和包含在圆括号中的可选参数，伪元素使用两个冒号，伪元素创建了一个虚拟容器，
- 伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；
- 伪元素本质上是创建了一个有内容的虚拟容器；
- CSS3中伪类和伪元素的语法不同；
- 可以同时使用多个伪类，而只能同时使用一个伪元素；
- 明天计划完成的任务：给任务七收尾，提交到服务器和github上，看能不能开始任务8，日常修电脑。
- 遇到的问题：设置了flex属性后设置同样的vw后，高度与宽度是不一样的，研究了 一下发现是vw设置过大，比设置了max-width要大，所以才出现了不一样的高度。
- 任务7-2中的鼠标悬停显示小标签，给他的div没有高度，不知道可以用绝对定位来做不
- 收获：学会了一些伪元素和伪类的知识，但是仍然不太明白
返回列表
评论