2

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

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

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

4-position 几个属性的作用？

5-绝对定位和固定定位的区别？

6-浮动的作用和影响

1-

px是相对长度单位，它是相对于显示器bai屏幕分辨率而言的。

优缺点：比较稳定和精确，但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。

em是相对长度单位，EM是相对于父元素来设计字体大小的。如果当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

em的值并不是固定的，它会继承父级元素的字体大小。

rem是CSS3新增的一个相对单位，REM是相对单位，是相对HTML根元素。

2-

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，单选框或复选框被选中。

3-

行内样式 >ID选择器 > 类选择器 > 标记选择器.

4-

1.static:默认位置

2.relative:相对的
配合top,left,right,bottom来使用
a.相对盒子原本的位置发生偏移
b.如果没有trbl会以标准流显示
c.在原来的位置占了位置

3.absolute:绝对的
配合 trbl使用
a.如果没有父元素，那么trbl是相对body来定位
b.如果有父元素，但父元素没有定位，那么还是相对body定位
c.如果有父元素且父元素有定位，那以父元素为基础
d.绝对定位之后的元素在页面不会占据位置

子绝父相

如果一个小盒子在大盒子中药定位且水平居中
1.先left：50%,（将小盒子在大盒子平移大盒子的一半）
2.再设置margin-left（小盒子宽度的一半），一定是负数

4.fixed：固定
配合trbl使用
a.不管页面有多大，trbl永远是相对于浏览器的边框来的

5-

1、相对定位不会失去文档流中的位置，而绝对定位和固定定位都会失去原来在文档流中的位置而被下面的替代； 
2、无论是相对、绝对还是固定定位，当偏移量超出上面、左边浏览器窗体（或者说超出可视区域）的时候，超出的内容都会被隐藏；而超出下面和右边的时候，相对定位和固定定位会隐藏超出的部分内容，而绝对定位会出现滚动条。 
3、相对、绝对和固定定位都会浮在正常文档流的上面，如果遮盖了正常显示的文档流，可以设置z-index来消除。

6-

浮动(float)
作用:解决盒子并排问题
标准流: 一行一个 从左侧边界开始放置
浮动带来一个现象, 盒子并排放置 —> 脱离标准流 ,成为浮动流—> 不占界面位置

影响

脱离标准流 ,成为浮动流—> 不占界面位置—> 导致其他盒子向上移动
父盒子的高度塌陷: 父盒子高度本来是由子元素撑开的,父亲的高度计算是从内容的高度得来的, 现在由于浮动元素不占位置,所以子元素高度无法计算,父盒子的高度就他塌陷了.