前端面试题回答(css)

1:说说你对bfc的理解

bfc就是指块级格式化上下文,自己在内部无论怎么操作都不会影响上下文,创建的指令有overflow不为visible position为absolted

2:css的sprite是什么,有什么优缺点

sprite就是将所有图片汇聚在一张图片上,通过调整background的position进行图片的展示,目的是减少网络请求,提高性能,缺点是不好进行后期的维护,一旦换了图片,调整的工作量是巨大的

3:display:none和display:hiden的区别

none是在文本上彻底消失了,不进行paint这一个过程,不占有空间,当重新绘制的时候会导致回流.而hiden是占据有空间,但是空间中的元素进行隐藏,因为占据有空间,所以重新绘制的时候不会导致回流

4:line-height和height的区别

height是指content的高度,是死的,不会随着内容的变化而变化,而line-height会每一行文字的高度,会随着行数的变化,content也会随着改变

5:如何进行居中显示

运用弹性盒子,justify:center;align-items:center;还有就是

6简述盒子模型

在标准的盒子模型中,盒子的宽高是content+2(padding+margin+border)内容的content的宽度就是内容的宽content度,在ie浏览器中,盒子的宽度就是content(在这个盒子中不存在padding和border),content的宽度就是盒子宽度减去border和padding

7:闪烁的概念

闪烁是指html界面先加载出来,加载出来之后css在渲染出来全部进行一次重绘的情况

8:说出你对弹性盒子的理解

弹性盒子就是flex,分为父类使用和子类使用的属性,在父类方法中,我们可以定义主轴的方向横向还是纵向,定义在横轴和纵轴的排列方向和在子元素超出范围时,需不需要进行换行操作.在在子元素中,我们可以定义子元素的排列顺序,order,定义自己的排列方式align-self.定义在剩余的空间是否进行填充和超出范围是否需要缩减,grow是指定义元素的宽度,优先级比自定义的高.flex默认grow,shrink和bais.none是指ooauto auto是指11auto 1是指001 其中 basis的0是指以能融入的最小为单位 auto是指有width的情况下就是 width,如果没有就是内容自适应

9:手写一个三角形出来

我们利用border是四个三角形的原理来进行绘制处理,将内容的宽高设置成0,border宽高设置100 solider color 此时我么想显示哪一个三角形,就向其他的三角形的颜色处理成transparent

10:手写一个轮播图

11:vh和vw的作用,rem和em的区别

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容