今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

今天完成了任务五的一大部分，还剩下的就是定位问题了。
明天计划的事情：（一定要写非常细致的内容） 

明天计划把任务五完成了，就是一些定位之类的，还有一些关于HTML的书写规范问题
遇到的问题：（遇到什么困难，怎么解决的） 

有遇到关于一些FLEX布局的问题。有的时候不生效，有的时候生效了
收获：（通过今天的学习，学到了什么知识）

收获了关于盒子的嵌套方面的布局，在一些的情况下，盒子是可以套盒子的，盒子在一些的条件下是可以进行嵌套的，如果说要实现一下什么目标或者什么效果的话，就可以进行一些盒子的嵌套

定位分为绝对定位，相对定位，和固定定位

相对定位 position：relative;

针对于原本所在的位置进行移动

在css样式中输入

position:relative;

left:20px;横坐标，正值表示像右边横移，负值表示像左横移

top:20px；纵坐标，正值表示像下边横移，负值表示像上横移

其他的方向一样

由于相对定位脱离了那个位置，但是原本的位置还是在的，所以别人也是占据不走的，相对定位用途就是作用于子绝父相，用来绝对定位的测量，和本身的微调

绝对定位：position；absolute;

就是使设置了相对定位的标签脱离它原本的文档流以后，如果它的父元素没有设置相对定位，那么它就会继续寻找祖元素是否相对定位，如果都没有，那么就根据页面来决定漂浮宽高，而且绝对定位后，就不管是不是块级元素和行内元素，都可以直接设置宽高 了，也不需要进行元素转换了

CSS样式表的冲突的总结

• 1、对于相同的选择器，其样式表排序：行级样式 > 内嵌样式表 > 外部样式表（就近原则）
• 2、对于相同方式的样式表，其选择器排序：ID选择器 > 类选择器 > 标签选择器
• 3、外部样式表的ID选择器 > 内嵌样式表的标签选择器
• 谁距离的近，那么就听谁的

举例：如果都是内嵌样式表，优先级的顺序如下：（ID 选择器 > 类选择器 > 标签选择器）

另外还有两个冲突的情况：

• 1、对同一个标签，如果用到了多个相同的内嵌样式表，它的优先级：定义的CSS样式表中，谁最近，就用谁。
• 2、对于同一个标签，如果引用了多个相同的外部样式表，它的优先级：html文件中，引用样式表的位置越近，就用谁。

例如：

class和id的区别

class用于css的，id用于js的。

1）class页面上可以重复。id页面上唯一，不能重复。
2）一个标签可以有多个class，用空格隔开。但是id只能有id