知识总结：
1.CSS基础选择器:标签选择器、类选择器、id选择器和通配符选择器
标签选择器: 可以选出所有相同的标签 不能差异化选择 p{color: red;}
类选择器: 可以选出1个或者多个标签 可以根据需求选择 .nav{color:red;}
id选择器: 一次只能选择一个标签 ID属性只能在每个HTML文档中出现一次 #nav{color:red;}
通配符选择器: 选择所有的标签 选择的太多,有部分不需要 *{color:red;}
2.CSS文本属性
none默认
underline下划线
overline上划线
line-through删除线
文本缩进:text-indent
行间距:line-height
3.CSS样式表
行内样式表 书写方便,权重高
内部样式表 部分结构和样式相分离
外部样式表 完全实现结构和样式相分离
4.CSS背景
background-color:定义了元素的背景颜色，可以使用任何合理的颜色值，值为transparent时背景颜色为透明。可以和图片背景同时定义。
background-image:定义了元素的背景图片路径。
background-repeat: 定义是否重复背景图片
background-size:定义了元素的背景大小
background-position:是一个缩写属性，用于定义图片的起始位，即可改变默认的对齐方式（左上角对齐）
5.CSS盒模型
margin
margin-top：上边距
margin-buttom：下边距
margin-left：左边距
margin-right：右边距
padding
padding-top：上部填充
padding-bottom：下部填充
padding-left：左部填充
padding-right：右部填充
border
border-top：上边界
border-bottom：下边界
border-left：左边界
border-right：右边界
border-width：边界宽度
border-style：边界样式
border-color：边界颜色
6.图形边界
border-image：设置图形边界，简写属性
7.CSS浮动特性与清除浮动
float属性
作用： 可以让多个块级元素在一行显示
应用场景： 用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。
浮动的特性：
- 浮动的元素会脱离标准流
- 可以一行显示多个，并且顶部对齐
- 具有行内块元素的特性
清除浮动4种方法
- 1.额外标签法. 给元素设置样式clear：“both”
- 2.给父级元素添加overflow属性
- 3.给父级添加after伪元素
- 4.给父级添加双伪元素
8.CSS定位
定位的三种模式和特性分别是什么？
相对定位、绝对定位、固定定位
- 相对定位特性： 占位空间不释放 参照点:相对定位的参照点是它自身在网页中原来的位置计算的
- 绝对定位特性： 占位空间完全释放 参照点:绝对定位的参照点是它的有定位的父元素的位置来移动的
- 固定定位特性： 固定定位的参照点是网页来移动位置的
9.常用属性值
- 去除小圆点:list-style:none
- 避免重复线条:margin-left:-1px
- hover:鼠标悬浮
- zindex-99:层级
- CSS3新属性:box-sizing:content-box
- margin 0 auto:居中
- opacity:透明度
疑问总结：
1. CSS 的全称是什么？最新版本是？功能是什么？
cascading style sheet，叫做层叠式样式表，最新版本呢是三代，功能就是用来给网页添加样式的。
2. 前端分为哪几层？功能分别是什么？
前端分为结构层、样式层和行为层，其中结构层就是HTML，负责搭建网页的结构，放置部件、超级链接、图片、音频、视频等等。CSS叫做样式层，负责搭建网页的结构，书写网页的样式，美化页面。行为层就是javascript，它的功能就是实现网页的交互效果，网页的页面特效等等。
3. 样式表的书写位置有哪些？我们常用那些？
有内嵌式、外链式、导入式和行内式，我们常用的就是内嵌式和外链式。
4. CSS 选择器有哪些？请按CSS2.1和CSS3分别回答？
在CSS2.1当中有标签选择器，ID选择器，还有class选择器。还有复合选择器。复合选择器，它又包括的是交集选择器，并集选择器，还有后代选择器。CS3当中新增了元素关系选择器，比如说大于号表示父子关系，加号表示后一个兄弟，波浪线表示后面所有兄弟。还有序号选择器，比如冒号first child，冒号last child等等。还有属性选择器，就是方括号那种形式。
5. 类名的使用很灵活，它有哪些用法？
ID选择器非常的死板，这是因为同一个ID页面上不允许出现两次。但是类名的使用很灵活，这是因为类名它可以同一个标签携带多个类名，而同一个类名它又可能有多个标签。所以它是多多对应关系，并不是一一对应关系。那么这样的话就要妥善的去设置类名，把具有相同样式的盒子，给它起成同一个类名，那么这样的操作就叫做公共类。
6. 什么是伪类？什么是伪元素？
伪类，就是一个元素，用户赋予它的一个状态，比如超级链接没有被访问过，访问过了，还有鼠标正在它上面悬浮的时候，它的一个状态，超级链接的四个伪类Link visited hover以及active。伪元素就是两个冒号，它是CSS3中新增的一个特性，比如：：before，：：after和：：selection等等。
7. 选择器权重的选择。
ID选择器权重呢大于class选择器，而class选择器权重呢又大于标签选择器的权重。如果是复杂选择器，这个时候就要数ID，数class，数标签，就可以把这个权重呢给计算出来了。！important可以提升权重。
8. 背诵属性：文字颜色、字体、倾斜、加粗和下划线
文字颜色是color，属性字体是font family。倾斜叫做font style italic，加粗是font weight bold。下划线是text decoration：underline,删除线line-through。
9. 什么是行高？如何设置单行文本垂直居中？
行高就是文字所在的这一行的高度，制作单行文本垂直居中，只是要让行高等于盒子高就可以了.
10. 如何使用font属性快速设置加粗、字号、行高、字体？
加粗是font weight属性，字号是font size属性，行高是line height的属性，字体是font family属性.
11. 什么是继承性？那些属性有继承性？什么是就近原则？
继承性就是说在CSS当中有一些属性，给祖先元素设置之后，那么他的后代全都有了，这就是继承性。color font size weight text decoration等等这些都有继承性。什么是就近原则？就是在使用继承性的时候，标签的这个权重计算呢，就暂时失效了，这个时候，要看哪个选择器描述的近，那哪个选择器，就生效，它的权重就大。
12. 什么是width和height？它们是元素的实际大小吗？
width和height表示的是盒子实际内容的大小，元素的实际大小还要算上padding以及border，所以padding和border它们是外扩的，它们并不是涵盖在width和height里面的。而元素的空间尺寸。又要算上margin，就是它的外边距，
13. 元素的实际大小和元素空间尺寸分别指什么？
元素的实际大小要加左右两边的padding，再加上左右两边的border。元素的空间尺寸还要再加上元素左右两边的margin。
14. box-sizing 属性的作用是什么？
box-sizing属性的非常重要的一个值叫做border-box一旦设置box sizing为border-box之后，那么设置的width和height就表示涵盖padding和border在内的盒子的宽高，margin并没有被算进去。
15. margin 的塌陷。
竖直方向的margin有塌陷现象，就是说上面的盒子往下穿一脚，下面的盒子也往上穿一脚，这个时候它们的缝隙并不是相加的，而是以较大的这个数值为准，这个就叫做margin的塌陷现象。
16. 用四个数值、三个数值、两个数值描述padding和margin。
四个数值上右下左，三个数值就是上左右下，两个数值就是上下左右。
17. 实现盒子居中
实现盒子居中，就是margin：0 auto是上下为零，左右auto自动就居中了。
18. 行内元素和块级元素的相互转换。
行内元素就是a，span，em，b，u，i这些元素它们能并排，但是不能设置宽高。块级元素，就是div，P，H系列标签，这些元素他们能够设置宽高，但是不能并排，可以使用display属性来改变他们，Display block就表示设置为块级元素，Display为inline就表示设置为行内元素.
