今天完成的事情：

今天学习时间比较少，主要还是继续深入学习盒子模型、css的定位、css选择器的相关概念深入理解，因为发现看到任务三，还是一脸懵，没有一个完成的思路，比如说知道我应该用哪个知识点内容可以大概设置出来，所以还是对基础知识理解掌握的不好。

明天计划的事情：

下载PhotoShop，并学习切图（测量、切割、导出），应用到任务三中，学习自适应布局的写法，各种字体单位的不太与相关用法，能大概做出任务三的基本样子

遇到的问题：
拿到任务三时不知道该如何设置才能达到效果，只能根据网站给的任务提示再去重新看css相关知识，希望能理解透了

收获：

1、关于外边距margin值复制的规则

允许为外边距指定少于 4 个值。规则如下：

·  如果缺少左外边距的值，则使用右外边距的值。

·  如果缺少下外边距的值，则使用上外边距的值。

·  如果缺少右外边距的值，则使用上外边距的值。

换句话说，如果为外边距指定了 3 个值，则第 4 个值（即左外边距）会从第 2 个值（右外边距）复制得到。如果给定了两个值，第 4 个值会从第 2 个值复制得到，第 3 个值（下外边距）会从第 1 个值（上外边距）复制得到。最后一个情况，如果只给定一个值，那么其他 3 个外边距都由这个值（上外边距）复制得到。

2、CSS 外边距合并

外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。

合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

简单地说，外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

3、CSS position

4、

HTML标记定义：

<p>...</p>

p { 属性:属性值 ；属性1:属性值1 }

p可以叫做选择器，定义那个标记中的内容执行其中的样式

一个选择器可以控制若干个样式属性，他们之间需要用英语的“;”隔开，最后一个可以不应加“;”

Class定义：

<p>...</p>

class定义是以“.”开始

.p { 属性:属性值 ；属性1:属性值1 }

ID定义：

<p id="p">...</p>

ID定义是“#”开始的

#p { 属性:属性值 ；属性1:属性值1 }

伪元素选择器：

1.a:link

正常连接的样式

2.a:hover

鼠标放上去的样式

3.a:active

选择链接时的样式

4.a:visited

已经访问过的链接的样式

通配符选择器：

CSS2 引入了一种新的简单选择器 - 通配选择器，显示为一个星号（*）。该选择器可以与任何元素匹配，就像是一个通配符。

例如，下面的规则可以使文档中的每个元素都为红色：* {color:red;}