Web前端面试题
时间:2023-04-05 13:43:26
HTML5
1.CSS盒子模型,绝对定位和相对定位2.清除浮动,什么时候需要清除浮动,清除浮动有哪些方法?后来,它被用来并排显示三个块级元素。这时候,漂浮出现了。但是因为float会导致浮动元素的父元素高度塌陷,所以这时候需要清除浮动。如果我们给上面三种绿色的块设置display:inline-block也可以达到并排显示的效果。而且父元素的高度也不会塌陷。只是不能控制是左还是右,display:inline-block只能从左到右。清除浮动的方法:(1)在浮动元素末尾添加冗余元素设置clear:both(2)在父元素中添加clearfix
.clearfix:after{content:'';显示:表格;clear:both;}(3)添加overflow:hidden;zoom:1到父元素;添加overflow:hidden到父元素;清除浮动的原理:添加后,父元素会形成一个块级的格式化上下文,即BFC,overflow:hidden的目的是切断父元素中溢出的内容,而在BFC中,计算真正的时候父元素的高度,浮动元素的高度也包含在内,所以在计算裁剪的同时,顺便达到清除浮动的目的。3.如何保持浮层水平和垂直居中4.position和display的取值以及各自的含义和用法5.样式层级关系,选择器优先级,样式冲突,样式模块怎么写,说说思路,有没有实践经验6.css3动画效果属性,canvas和svg的区别,css3中新增伪类的例子7.px和em和rem的区别,link和@importin的区别CSS?