day2
1-css 中的 px em rem 长度单位的区别？
px是固定长度单位，不随其它元素的变化而变化；
em和%是相对于父级元素的单位，会随父级元素的属性（font-size或其它属性）变化而变化；
rem是相对于根目录（HTML元素）的，所有它会随HTML元素的属性（font-size）变化而变化；
2-css3 新增伪类有哪些？并说明
:first-of-type选择器匹配属于其父元素的特定类型的首个子元素的每个元素。
:last-of-type 选择属于其父元素的最后元素
:only-of-type 选择属于其父元素唯一的元素
:only-child 选择属于其父元素的唯一子元素
:nth-child(2) 选择属于其父元素的第二个子元素
:enabled :disabled 表单控件的禁用状态。
:checked 单选框或复选框被选中。
3-说明 css 选择器优先级顺序及判定标准
通配符*的权重为0,0,0,0
标签选择器、伪元素选择器的权重为0,0,0,1
类选择器、属性选择器、伪类选择器的权重为0,0,1,0
id选择器的权重为0,1,0,0
行内样式的权重为1,0,0,0
!imporatant的权重为∞
权重大的选择器覆盖权重小的选择器
同样权重的选择器，后面的覆盖前面的
层叠选择器按照权重相加的结果，大的覆盖小的
!imporatant的权重最大
4-position 几个属性的作用？
1）static：(没有定位（默认）)
默认位置，设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略,任何 top、bottom、left 或 right 声明）。一般不常用。
2）relative：(相对定位)
位置被设置为 relative 的元素，可将其移至相对于其正常位置的地方，意思就是如果设置了 relative 值，那么，它偏移的 top，right，bottom，left 的值都以它原来的位置为基准偏移，而不管
其他元素会怎么样。注意 relative 移动后的元素在原来的位置仍占据空间。
3）absolute：(绝对定位)
位置设置为 absolute 的元素，可定位于相对于包含它的元素的指定坐标。意思就是如果它的父容器设置了 position 属性，并且 position 的属性值为 absolute 或者 relative，那么就会依据父
容器进行偏移。如果其父容器没有设置 position 属性，那么偏移是以 body 为依据。注意设置 absolute 属性的元素在标准流中不占位置。
4）fixed：(固定定位)
位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。不论窗口滚动与否，元素都会留在那个位置。它始终是以 body 为依据的。 注意设置 fixed 属性的元素在标准流中不占位置。
5-绝对定位和固定定位的区别？
绝对定位中当一个div块的位置被定义为绝对定位的时候，也就失去了文档流即失去原本的位置，并且以父级为基准(父级元素必须是相对定位如果不是则一直往上找，直到找到body为止)来进行偏移,
固定定位其实和绝对定位有很多相似之处只不过是基于当前页面来偏移。
6-浮动的作用和影响
浮动(float)
作用:解决盒子并排问题 ，设置了浮动属性的元素会脱离标准文档流，移动到父元素中的指定位置的过程
标准流: 一行一个 从左侧边界开始放置
在标准文档流中，父元素没有高度，子元素会把父元素撑开，但是当元素浮动之后，脱标，不占位置，所以父元素的高度为0，清浮动就是为了解决父元素因为内部子元素浮动引起的内部高度为0的问题
清除浮动的影响
在css中使用clear属性清除浮动 clear:
浙公网安备 33010602011771号