今天完成的事情：今天完成第二个页面，第三个页面，写了一半.第一个页面还有点东西没写完，也没想到怎么写，所以就暂时跳过.

明天计划的事情：明天写第一个页面，然后尽量明天交任务吧，然后还有看一下媒体查询的各种特性，还有媒体类型，使用方法什么的，明天讲小课堂，ppt做好了，但是明天还是重新在看一遍，改变我水水的小课堂.

遇到的问题：今天遇到的问题，限制宽度之后，然后布局好的雪碧图无法适应限制之后的宽度，就会崩溃，觉得慢慢调太麻烦了，就重新写了一遍，然后用flex布局解决问题，

然后还有就是限制宽度之后怎么限制背景色：

解决方法一：给body里面加一个父盒子包住下面的标签，然后给父盒子背景颜色.

解决方法二：分别给每个需要添加背景色的变迁添加背景色。

收获：HTML的分类：

1.基础 

 2.格式

 3.表单  

4.框架  

5.图像   

6.音频视频  

7.链接  

8.列表  

9.表格  

10.样式节

11.元信息   

12.编程

然后class的id的区别：   class是设置标签的类。

                                            id是设置标签的标识。

                                            class属性用于指定元素属于何种样式的类。

选择器优先级：

       1.标签选择器(如：body,div,p,ul,li)

　　2.类选择器(如：class="head",class="head_logo")

　　3.ID选择器(如：id="name",id="name_txt")

　　4.全局选择器(如：*号)

　　5.组合选择器(如：.head .head_logo,注意两选择器用空格键分开)

　　6.后代选择器 (如：#head .nav ul li 从父集到子孙集的选择器)

　　7.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示

　　8.继承选择器(如：div p,注意两选择器用空格键分开)

　　9.伪类选择器(如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。)

　　10.字符串匹配的属性选择符(^ $ *三种，分别对应开始、结尾、包含)

　　11.子选择器 (如：div>p ,带大于号>)

　　12.CSS 相邻兄弟选择器器 (如：h1+p,带加号+)

!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

同一级别

同一级别中后写的会覆盖先写的样式

内联样式表的权值为 1000

ID 选择器的权值为 100

Class 类选择器的权值为 10

HTML 标签选择器的权值为 1