web前端高频面试题总结
一些面试题问答总结
XCharazz
略略略
展开
-
前端面试题2(html/css)
一、图片间隙问题,如何解决? 两个图片之间和图片下方多出的空白间隙可以使用以下方式解决。 方法 1:将图片显示为块:解决下方间隙 img{ display:block; } 方法 2:改变图片的 vertical-align :解决下方间隙 img{ vertical-align:middle; } 除了 middle值,还可以设置为 top| bottom 等 方法 3:设置图片父级标签的 font-size:0;line-height:0; 水平间隙,图片下方间隙都能解决 .imgwrap{ font-原创 2020-12-12 19:11:56 · 101 阅读 · 0 评论 -
前端面试题3(html/css)
一、简述BFC规则特性,及解决的问题? 1、BFC规则 内部的标签会在垂直方向上一个接一个的放置 垂直方向上的距离由margin决定,属于同一个BFC的两个相邻标签的margin会发生重叠 每个标签的左外边距与包含块的左边界相接触(从左向右),即使浮动标签也是如此。 BFC的区域不会与float的标签区域重叠 计算BFC的高度时,浮动子标签也参与计算 BFC就是页面上的一个隔离的独立容器,容器里面的子标签不会影响到外面标签,反之亦然 2、BFC解决的问题 解决外边距折叠 特性的第②条:垂直方向上的距离由ma原创 2020-12-12 19:14:19 · 161 阅读 · 0 评论 -
前端面试题1(html/css)
一、常见的浏览器及其内核 浏览器:IE,Chrome,FireFox,Safari,Opera。 内核:Trident,Gecko,Blink,Webkit。 1,使用Trident的是internet explorer,国产的绝大部分浏览器。 2,使用Gecko的是Mozilla Firefox 3,使用Blink的是Chrome和Opera 4,使用WebKit的有苹果的safari,谷歌的chrome,还有国产的大部分双核浏览器其中一核就是WebKit 二、b和strong (i和em)标签的区别?原创 2020-12-12 19:04:16 · 96 阅读 · 0 评论