一、相对定位与绝对定位的区别：
1、position: relative, 相对定位，不会使元素脱离标准流，标准流中占据位置。
而  position：absolute,绝对定位，会使元素脱离标准流，不占据标准流文档的位置

2、相对定位以元素的当前位置作为基准点，配合偏移量使用。进行 top、bottom、left、right，上下左右移动。
而  以第一个设置了定位的父元素作为基准点，配合偏移量使用。进行 top、bottom、left、right，上下左右移动。通常需要对父元素也设置定位，组合有子绝父绝、
子绝父固、子绝父相。一般使用子绝父相。

二、元素等级：
1、块级元素：块级元素可以设置宽高、独占一行，如果不设置宽高，则会被内容自动撑开。
2、行内元素：行内元素不能设置宽度和高度，只能被内容自动撑开，可以与其他行内元素在同一行显示。
3、行内块元素：行内块元素具备行内元素和块级元素的共同特点，既可以设置宽高、也可以与其他元素在同一行显示。

三、清除浮动的方式：
1、直接给父盒子设置固定高度。（不能高度自适应）
2、给父盒子设置 clear：both
3、外墙法：在父盒子与其他父盒子之间，添加一个空 div，给div设置clear：both
4、内墙法：在父盒子的底部添加一个空div，给div设置 clear：both
5、伪类法：选中父元素，用 :after 给父元素底部设置一个伪类元素，给伪类元素设置,clear:both
6、父盒子设置 ：overflow：hidden
总结：通常在高度固定的时候，直接给父盒子设置一个固定 height。
	在高度需要自适应的时候，给父盒子设置 overflow：hidden。

四、视频标签 audio 属性：
1、属性名：control， 属性值：control，作用：显示控件。
2、属性名：autoplay，属性值：autoplay，作用：控制是否自动播放。
3、属性名：loop，属性值：loop，作用：控制视频是否循环播放 。
4、属性名：preload，属性值 preload，作用：在加载页面的时候进行加载视频，处于预播放状态。
5、属性名：src，属性值：文件path，作用：设置要添加的视频资源。

五、伪元素双冒号与单冒号的区别：
1、区别：单冒号是CSS3之前的写法，双冒号是CSS3之后的新写法，效果是一样的。
注意事项：1、只能给双标签添加为元素，不能给单标签添加。2、伪元素的 :: 双冒号前面不能有空格。
		3、必须给伪元素添加 content 属性。4、befor和after创建的元素属于行内元素，在DOM里看不见。

六、标准盒模型与怪异盒模型的区别：
1、标准盒模型 box-sizing:content-box , 属于默认的盒模型，
外扩模型，盒子总大小 = width(height)+border + padding

2、怪异盒模型：box-sizing:border-box, 内减模型，盒子总大小 = width ( height )