第二天
1-css 中的 px em rem 长度单位的区别?
px单位的名称为像素,它是一个固定大小的单元.
em单位的名称为相对长度单位,它是用来设置文本的字体尺寸的,相对于父级元素对象内文本的字体尺寸;如果没有人为设置当前对象内文本的字体尺寸,那么它相对的是浏览器默认的字体尺寸。
rem只相对于根目录,即HTML元素。所以只要在html标签上设置字体大小,文档中的字体大小都会以此为参照标准,一般用于自适应布局。
2-css3 新增伪类有哪些?并说明
:first-of-type 选择属于其父元素的首个元素。
:last-of-type 选择属于其父元素的最后元素。
:only-of-type 选择属于其父元素唯一的指定元素。
:only-child 选择属于其父元素的唯一子元素的每个指定元素。
:nth-child(2) 选择属于其父元素的第二个子元素的每个指定元素。
:enabled、:disabled 控制表单控件的禁用状态。
:checked,单选框或复选框被选中。
3-说明 css 选择器优先级顺序及判定标准
选择器的权重值表述为4个部分,用0,0,0,0表示。
通配符*的权重为0,0,0,0
标签选择器、伪元素选择器的权重为0,0,0,1
类选择器、属性选择器、伪类选择器的权重为0,0,1,0
id选择器的权重为0,1,0,0
行内样式的权重为1,0,0,0
!imporatant的权重为∞
通配符*的权重为0,0,0,0
标签选择器、伪元素选择器的权重为0,0,0,1
类选择器、属性选择器、伪类选择器的权重为0,0,1,0
id选择器的权重为0,1,0,0
行内样式的权重为1,0,0,0
!imporatant的权重为∞
4-position 几个属性的作用?
静态定位 : 元素默认位置; 不脱标 不常用 position:static;
相对定位 : 相对于元素本身之前的位置进行定位;不脱标 position:relative;
绝对定位 : 相对于有定位的父级元素的位置进行定位,如果父级元素均为定位,会相当于浏览器圆点进行定位;脱标,不占位置 position:absolute;
固定定位 : 相当于浏览器原点进行定位;脱标,不占位置 position:fixed;
5-绝对定位和固定定位的区别?
绝对定位中当一个DIV块的位置被定义为绝对定位的时候,也就失去了文档流即失去原本的位置,并且以父级为基准(父级元素必须是相对定位如果不是则一直往上找,直到找到body为止)来进行偏移, 固定定位其实和绝对定位有很多相似之处只不过是基于当前页面来偏移。
6-浮动的作用和影响
作用:解决盒子并排问题
影响:父盒子的高度塌陷
浙公网安备 33010602011771号