当前位置: 首页 > Web前端 > HTML5

好程序员HTML5大前端分享web前端面试题集2

时间:2023-04-05 18:40:28 HTML5

1.为什么要初始化CSS样式?答:由于浏览器兼容性问题,不同浏览器对部分标签的默认值不同。如果不对CSS进行初始化,浏览器之间的页面显示往往会存在差异。当然,初始化样式会对SEO产生一定的影响,但不能两者兼有,而是尽量以影响最小的方式进行初始化。2、浮动元素带来的问题?答:一个。父元素的高度无法展开,影响与父元素b同级的元素。与浮动元素处于同一级别的非浮动元素将跟随它c。如果第一个元素不浮动,前面的元素元素也需要浮动,否则会影响页面显示的结构3、line-height的三种赋值方式有什么区别?(有单位、纯数字、百分比)?答:有单位:px不需要计算,em会让元素参考父元素的font-size值计算自己的行高如果是18px,子元素行高是1.5*18=27px百分比:将计算出的值传递给后代4.:link,:visited,:hover,:active的执行顺序是什么?答:L-V-H-A,l(link)ov(visited)eh(hover)a(active)te,即用喜欢和不喜欢的词来概括5、css属性内容的作用是什么?应用是什么?答:css的content属性专门应用于before/after伪元素,用来插入生成的内容,可以用自定义字体显示特殊符号。.6.文字是否显示为省略号?Answer://单行:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;//多行:display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;溢出:隐藏;7.HTML5有哪些新的表单元素?答:datalistdatetime输出日期月份星期时间颜色编号范围emailurl8。纯CSS创建三角形的原理是什么?答:首先需要将元素的宽高设置为0,然后设置边框样式。宽度:0;高度:0;边框顶部:40px实心透明;边框左:40px实心透明;边框右:40px实心透明;边框底部:40px实心#ff0000;9.BFC什么时候可以触发?答:根元素,即htmlfloat的值不为none(默认),overflow的值为不可见(默认),display的值为inline-block,table-cell,table-的值为captionposition是absolute还是fixed10,style标签写在afterbody和beforebody有什么区别?答:页面从上到下加载,当然先加载样式。写在body标签之后由于浏览器是逐行解析HTML文档,当解析完写在末尾(outline或写在style标签中)的样式表时,浏览器会停止之前的渲染,等待加载解析style表格重新渲染后,Windows下IE下可能会出现FOUC现象(即样式失效导致的页面闪烁问题)