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的区别