Day2

1-css中的px em rem长度单位的区别？

　　　　①px是固定长度单位，不随其它元素的变化而变化

　　　　②em是相对于父级元素的单位，会随父级元素的属性（font-size或其它属性）变化而变化

　　　　③rem是相对于根目录（HTML元素）的，所有它会随HTML元素的属性（font-size）变化而变化

2-css3新增伪类有哪些？并说明

　　　　p:first-of-type 　　 选择属于其父元素的首个 <p> 元素的每个 <p> 元素
　　　　p:last-of-type 　　 选择属于其父元素的最后 <p> 元素的每个 <p> 元素
　　　　p:only-of-type 　　选择属于其父元素唯一的 <p> 元素的每个 <p> 元素
　　　　p:only-child 　　　选择属于其父元素的唯一子元素的每个 <p> 元素
　　　　p:nth-child(2) 　　 选择属于其父元素的第二个子元素的每个 <p> 元素
　　　　:enabled　　         控制表单控件的禁用状态。
　　　　:disabled 　　       控制表单控件的禁用状态。
　　　　:checked 　　       单选框或复选框被选中
　　　　:root 　　              选择文本的根元素

 

3-说明css选择器优先级顺序及判定标准

              !  important  >  行内样式 > id选择器 > class选择器 > 标签选择器 > 通配符选择器 > 浏览器的自定义属性和继承

　　　　　行内样式：          1.0.0.0
　　　　　id选择器：           0.1.0.0
　　　　　类选择器：          0.0.1.0
　　　　　标签选择器：　   0.0.0.1
　　　　　继承的样式：      0.0.0.0

4-position几个属性的作用？

　　①static:

　　　　元素默认位置; 不脱标  不常用

　　②relative:

　　　　相对于元素本身之前的位置进行定位;不脱标

　　③absolute:

　　　　相对于有定位的父级元素的位置进行定位,如果父级元素均为定位,会相当于浏览器圆点进行定位;脱标,不占位置

　　④fixed：

　　　　相当于浏览器原点进行定位;脱标,不占位置

5-绝对定位和固定定位的区别？
　　　　固定定位是参照浏览器窗口，绝对定位是页面
6-浮动的作用和影响
   作用：
          解决盒子并排问题
    影响：
          父元素高度塌陷（由于父元素的高度是由子元素撑起来的，浮动元素不占位置，所以父元素的高度就塌陷了）
          解决方案：给父元素添加高度，或者清除浮动