Day2

1-css 中的 px em rem 长度单位的区别？
px是一个绝对单位;
em和rem是一个相对单位
em参考的是当前元素的字体(font-size)大小
rem参考的是html元素的字体(font-size)大小.
2-css3 新增伪类有哪些？并说明
p:first-of-type 选择属于其父元素的首个<p>元素。

p:last-of-type 选择属于其父元素的最后一个<p>元素。

p:nth-child(2)选择属于其父元素的第二个子元素。

p:nth-type-of(2)选择属于其父元素的第二个子元素p。

:enabled、:disabled 控制表单控件的禁用状态。

:checked，单选框或复选框被选中。
3-说明 css 选择器优先级顺序及判定标准
　　通配符选择器 < 标签选择器 < 类选择器(属性选择器) < ID选择器;
　　行内样式<使用!important 修饰的属性优先级最高;
　　如果两个选择器(属性完全相同)同时命中一个元素, 并且权重一样,则书写顺序会影响优先级, 后一个选择器的属性会覆盖前一个选择器中相同的属性.
4-position 几个属性的作用？
relative 相对定位
1-是否脱标？不脱标，原来的位置仍然占据位置
2-相对于谁定位？
元素相对本身原来的位置进行定位的
absolute: 绝对定位
1、是否脱标？
脱标，隐式模式转换，由块级元素转换为行内块，影响后面元素的布局
2、相对于谁定位？
1）如果父级元素没有定位，根据当前浏览器窗口进行偏移
2）距离它本身最近的，已经定位的，祖先元素进行定位
fixed ：固定定位，位置被设置为fixed 的元素，可定位于相对于浏览器窗口的指定坐标。不论窗口滚动与否，元素都会留在那个位置。
static。默认位置
5-绝对定位和固定定位的区别？
relative 相对定位 元素相对本身原来的位置进行定位的
absolute: 绝对定位 如果父级元素没有定位，根据当前浏览器窗口进行偏移
距离它本身最近的，已经定位的，祖先元素进行定位
6-浮动的作用和影响
浮动改变块元素的排列方式，让内容从上下排显示成水平显示。
元素类型受浮动的影响
（不占位，脱离文档流）
清浮动： overflow清浮动 使用伪元素清浮动：在父元素中添加clearfix伪类