日报第十七天

今天完成的事

最近事儿多，心思杂，任务先停一停，把之前做过的任务和深度思考梳理一遍。

1.CSS3的书写规范

2.css有哪些选择器，优先级如何计算？

1）类别选择器

类别选择器根据类名来选择，前面以“.”来标志。

2）标签选择器

一个完整的HTML页面是有很多不同的标签组成，如：body，div，p，ul，li，而标签选择器，则是 决定哪些标签采用相应的css样式。

3）ID选择器

ID选择器可以为标有特定ID的HTML元素制定特定的样式。根据元素ID来选择元素，具有唯一性，这意味着同一ID在同一文档页面中只能出现一次。

4）通用选择器

用过“*”号来表示。如下代码表示所有元素的内外边距都为0，所有的字体都为微软雅黑。他可以清除不同浏览器的默认样式。

5）后代选择器

后代选择器也称为包含选择器，用来选择特定元素或元素组的后代，将对父元素的选择放在前面，对子元素的选择放在后面，中间加一个空格分开。后代选择器中的元素不仅仅只能有两个，对于多层子线后代关系，可以有多个空格加以分开。

6）子选择器

选择器只是选择元素的直接后代，即仅仅作用于第一个后代。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

7）伪类选择器

即链接样式。a元素的伪类，存在4中不同的状态：link、visited、active、hover。

8）群组选择器

具有相同样式的标签分组显示，将具有多个相同属性的元素，合并群组进行选择，定义同样的css属性。

9）相邻同胞选择器

如一个标题h1元素后面紧跟了两个段落p元素，我们想定位第一个段落p元素，对它应用样式，就可以使用相邻同胞选择器。两个元素之间用“+”进行连接。

接下来慢慢把用过的知识点都扩充扩充，梳理梳理。

遇到的问题

总结知识，没有遇到困难。很多知识总结出来了，要多用才能记住。等梳理完，重新编写任务五的代码。之前写的很乱，规范性差，逻辑也差。

收获

总结了一下选择器相关的知识，之前做的几个任务中，只用到了类别选择器，非常不合理。

学习了一下样式的编写规范和顺序原则，增强可读性的扩展性。

明天加油！