今天完成的事：

一.今天完成了任务八 九 的页面布局，检查修改代码。

二..任务过程中主要还是运用之前学习的知识对页面进行布局，涉及到的新知识不是很多，

三.任务过程中学会了使用before伪元素为元素添加新的元素样式；

1.什么是伪元素：伪元素表示了某个元素的子元素。这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。      因为伪元素并不在文档树中，所以通过JS，也抓取不到伪元素，也不能给它绑事件。

2.语法：伪元素以   ：：开头，用以和伪类进行区分。

css3为了区分伪类和伪元素，伪元素采用双冒号写法。

3.常见伪类——:hover,:link,:active,:target,:not(),:focus。

4.常见的伪元素：常见伪元素——::first-letter,::first-line,::before,::after,::selection

::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。

这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲染层加入。

5.::before和::after必须配合content属性来使用，content用来定义插入的内容，content必须有值，至少是空。默认情况下，伪类元素的display是默认值inline，可以通过设置display:block来改变其显示。

::before   在当前元素的内容的前面插入一个子元素。插入的元素为内联元素。需要注意的是，使用::before时，必须使用content来指定子元素的内容。

::after   在当前元素的内容的后面插入一个子元素。  其他和 ::before类似。

::first-line  选择当前元素的第一行。 需要注意的是，其只作用于块级元素。

遇到的问题：暂时没有遇到什么问题。遇到的问题已经通过师兄师姐讲解解决了

收获：学会了是用伪元素为元素添加新的样式，以及text-indent属性的用法。