一.今天完成的事情：

1.了解了什么是选择器和选择器的类型。

（1）标签选择器:标签选择器其实就是html代码中的标签。

（2）类选择器：.类选择器{css样式代码}。

（3）ID选择器：id=“ID名称”。

（4）子选择器：.food>li{border：1px solid red；}。

（5）包含选择器：.first  span{color：red；}。

（6）通用选择器：*{color：red；}。

（7）伪类选择符：a:hover{color：red；}鼠标滑过的状态。

（8）分组选择器:h1,span{color:red;}。

2.继承：继承是一种规则，他允许样式不仅应用于某种特定的html标签元素，而且应用于他的后代。

3.特殊性：权值规则

标签的权值为1、类选择器的权值为10、id选择器的权值为100、继承的权值为0.1.

4.层叠：内联式表>嵌入式表>外部文件表。浏览器默认的样式<网页制作者样式<用户自己设置的样式。但是！important优先级高于用户自己设置的样式。

5.文字排版：

字体：字号颜色、粗体、斜体、下划线、删除线。

6.段落排版：

缩进、行间距、中文字间距、字母间隔、对齐。

7.元素分类：

（1）块级元素：在html中div、p、h1、form、ul和li就是块级元素。

特点：每个块级元素都从新的一行开始，并且其后的元素也另起一行。元素的高度、宽度、行高以及顶和底边距都可以设置。元素宽度在不设置的情况下，是他本身父元素的100%。

（2）内联元素：在html中span、a、lable、strong和em就是内联元素。块状元素也可以通过代码display：inline将元素设置为内联元素。

特点：和其他元素都在一行上；元素的高度宽度及顶部和底部边距不可设置；元素的宽度就是他包含的文字或图片的宽度不可更改。

（3）内联块状元素：同事具备内联元素块状元素的特点。display：inline-block就是将元素设置为内联块状元素。

特点：和其他元素都在一行上;元素的高度、宽度、行高以及顶和底边距都可以设置。

8.盒模型

（1）边框：就是围绕着内容及补白的线，这天线可以设置粗细、样式和颜色。

（2）宽度和高度：css定义的宽和高指的是填充以里的内容范围。

（3）填充：元素内容与边框之间是可以设置距离的，称之为填充。

（4）边界：元素与其他元素的距离可以使用margin来设置。

9.css布局模型：

css包含三种基本的布局模型，flow、layer、float

（1）流动模型：流动模型是网页默认的布局模式

特征：块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布；内联元素都会在所处的包含元素内从左到右水平分布显示。

（2）浮动模型：块状元素都是独占一行，如果先要两个块状元素并排显示就需要设置元素浮动。

可以向左浮动也可以向右还可以向两边。

二.明天计划的事情：完成基础知识的学习，继续任务三

三.遇到的问题：暂无

四.收获：对盒模型有了更清楚的认识。