今天完成的事：完成了task8，预习了task9.

明天计划完成的事：完成taask9.

遇到的困难：对于li的前面圆点，使用了

list-style: circle!important;

让圆点变成了空心圆，，并用了color:red染红，但 字体也相应染红。后来用<p>段落隔开文本另外设置解决问题。

收获：在网站上看到：“display:none和visibility:hidden都是把网页上某个元素隐藏起来的功能，但两者有所区别，经过亲自实验，我发现使用 visibility:hidden属性会使对象不可见，但该对象在网页所占的空间没有改变（看不见但摸得到），等于留出了一块空白区域，而 display:none属性会使这个对象彻底消失（看不见也摸不到）。”这样的解释

后面我单独试了下，当visibllity可见时，display为none，该元素看不到并且不占位，其他元素会顶替它的位置。

当visibllity不可见时，display不为none，该元素看不到，但是占位，其他元素不会顶替它的位置。

而display为none的时候优先级最高，因为display定义了元素的基础格式。

而针对隐藏元素rgba和opacity也能对元素进行隐藏，但不一样的是opacity会继承父元素的 opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性，比如给div设置Opacity属性的里面的文本也是半透明的，而给div设置RGBA属性的里面的文本并没有继承透明性，举个例子：

 .rgba{        background: rgba(255,0,0,0.5);
    }    .opacity{        background: red;        opacity: 0.5;
    }