web 前端开发面试题,易莱胜 web 前端开发培训面试题
热点:百读易莱胜官网
上海易莱胜
易莱胜
上海百读易莱胜
1.行内元素转化为块级元素?
行元素转换为块级元素方式:display:block;
2.将多个元素设置为同一行?清除浮动有几种方式?
将多个元素设置为同一行:position,float,inline-block
清除浮动的方式:方法一:添加新的元素 、 clear:both;
方法二:父级 div 定义 overflow: hidden;
方法三:利用:after 和:before 来在元素内部插入两个元素块,从面达到清除浮动
的效果。
.clear{zoom:1;}
.clear:after{content:””;clear:both;display:block;height:0;overflow:hidden;visibility:
hidden;}
3.怪异盒模型 box-sizing?弹性盒模型|盒布局?
在标准模式下的盒模型:
盒子总宽度/高度=width/height+padding+border+margin
在怪异模式下的盒模型下,盒子的总宽度和高度是包含内边距 padding 和边框
border 宽度在内的。
盒子总宽度/高度=width/height + margin = 内容区宽度/高度 + padding + border
+ margin;
box-sizing 有两个值一个是 content-box,另一个是 border-box。
当设置为 box-sizing:content-box 时,将采用标准模式解析计算;
当设置为 box-sizing:border-box 时,将采用怪异模式解析计算。
4.简述几个 css hack?