web前端面试问答题实例代码分析

这篇文章主要介绍“web前端面试问答题实例代码分析”，在日常操作中，相信很多人在web前端面试问答题实例代码分析问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”web前端面试问答题实例代码分析”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

创新互联建站专注于企业成都全网营销推广、网站重做改版、平陆网站定制设计、自适应品牌网站建设、H5页面制作、商城系统网站开发、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为平陆等各大城市提供网站开发制作服务。

面试官：清除浮动有哪些方式？

我：呃~，浮动元素会脱离文档流(绝对定位元素也会脱离文档流)，导致无法计算准确的高度，这种问题称为：“高度塌陷”。
清除浮动常见的有以下三种方式，整出代码如下：

触发BFC：（有缺陷，会造成内容的溢出隐藏）

多创建一个盒子，并添加样式：clear:both; ：（不推荐使用，此方法已经过时）

给浮动的父元素添加after样式：（推荐使用）

面试官：在网页中应该使用奇数还是偶数的字体？

我：呃~，应该使用偶数，因为偶数能让文字在浏览器上表现的更好一点，而且UI给前端一般的设计图都是偶数的，这样不管布局也好，转换px也好，方便一点。

面试官：position有哪些值？分别是根据什么定位？

我：呃~，position有如下五个值：
static：默认值，无定位，top、right、bottom、left 不起任何作用
relative：相对定位，不脱离文档流，只有left、top起作用
absolute：绝对定位，脱离文档流，上下左右以最近的定位父元素为参照系
fixed：脱离文档流，上下左右以浏览器视口为参照系
sticky：relative 与 fixed 的结合体

以fixed举例：

web前端面试问答题实例代码分析

面试官：写一个左中右布局占满屏幕，其中左右俩块固定宽200px，中间自适应，要求先加载中间块，请写出结构及其样式。

我：呃~，好的，整出代码如下：

中

这是opacity

这是rgba

重庆分公司，新征程启航

web前端面试问答题实例代码分析

面试官：清除浮动有哪些方式？

面试官：在网页中应该使用奇数还是偶数的字体？

面试官：position有哪些值？分别是根据什么定位？

面试官：写一个左中右布局占满屏幕，其中左右俩块固定宽200px，中间自适应，要求先加载中间块，请写出结构及其样式。

面试官：什么是CSS reset？

面试官：display: none; 与 visibility: hidden; 的区别？

面试官：opacity 和 rgba 的区别

面试官：伪类与伪元素有什么区别？解释一下伪元素的作用

面试官：rem、em、vw、vh 的值各是什么意思？

面试官：webkit表单输入框placeholder的颜色值能改变吗?

其他资讯