“小白的我”第二天日报

今天完成的事情：

1.做完了任务七第二张图；

明天计划的事情：

1.努力 做完任务七；

遇到的问题：

1.用css制作叉和框内三条杠还不熟练；

2.display：none和display：flex冲突了，无法成功隐藏；

3.使用<ul>标签的时候会出现不知名阴影，找不出问题；

4.border-bottom的长度只与内容长度相同，并不是长到整个底部，一时想不起怎么弄。

解决方案：

1.自己查找资料发现可以使用transform属性和伪类解决这个问题：

框内三条杠的html：

框内三条杠的css：

 制作叉的html：

div class="close"></div>

制作叉的css：

2.经过师兄指点和自己查询资料，有以下三条思路：

      1.display：none和display：flex不要放在一起，display：none必须放在原样式内，所以把display：flex放在伪类里，成功解决了；

      2.display：none冲突了就换一个隐藏属性，例如visibility，opacity和改变rbg等方法，试过了visibility，能成功；

     3.display：flex冲突了就换一个定位属性，；例如position，也能成功。

3.通过和师兄的测试和查找资料，发现<ul>标签默认自带list-style-type，需要设置为none，否则会出现黑点，成功解决；

4.到晚上12点以后脑子不好使了，师兄一点拨才想起来用div套在外面使用border就好了。

收获：

1.学会熟练使用display：flex；

2.学会用css制作各类简单的图形；

3.使用css和html的熟练度上升了。