1月28

Day2
1-css 中的 px em rem 长度单位的区别？
px 像素,绝对长度单位,像素px是相对于显示器屏幕分辨率而言的
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
1em=16px。那么12px=0.75em,10px=0.625em
rem 它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
2-css3 新增伪类有哪些？并说明
E：first-child查找E元素的父元素中的第一个E元素、
E：last-child查找E元素的父元素中的最后一个E元素
E：first-of-type相对于父元素，查找第一个满足条件的元素
E：last-of-type相对于父元素，查找最后一个满足条件的元素

E:nth-child(n) n从1开始索引，还可以是关键字或者是表达式-----加入其它元素后会受到影响
E:nth-last-child 倒数
E:nth-of-type(n) n从1开始索引，还可以是关键字或者是表达式-----加入其它元素后不会受到影响
E:nth-last-of-type 倒数
:enabled :disabled 控制表单控件的禁用状态。
:checked 单选框或复选框被选中
3-说明 css 选择器优先级顺序及判定标准
优先级：!important > 行内样式 >id选择器 >类选择器 > 标签选择器
权重
行内样式：1.0.0.0
id选择器：0.1.0.0
类选择器：0.0.1.0
标签选择器：0.0.0.1
继承的样式：0.0.0.0

4-position 几个属性的作用？
fixed 固定定位：
脱标 隐式模式转换 块级元素变为行内块，需要自己设置宽度,相对视口进行定位的

relative 相对定位
不脱离标准流 原来的位置仍然占据,元素相对本身原来的位置进行定位

absolute 绝对定位
脱标，隐式模式转换，由块级元素转换为行内块，影响后面元素的定位
如果父级元素没有定位，根据当前浏览器的窗口进行偏移
如果父元素定位了，距离它本身最近的，已经定位的，祖先元素进行定位

sticky 粘性定位

5-绝对定位和固定定位的区别？
相对定位不脱标，元素相对原来的位置进行定位
而绝对定位脱标
1。如果父级元素没有定位，根据当前浏览器的窗口进行偏移
2.如果父元素定位了，距离它本身最近的，已经定位的，祖先元素进行定位

6-浮动的作用和影响
使用后脱离标准流 ,成为浮动流，不占界面位置
使用后的影响：会使父元素高度塌陷