WEB前端面试题集锦1

最新推荐文章于 2021-04-06 22:52:25 发布

Eternal_tyq

最新推荐文章于 2021-04-06 22:52:25 发布

阅读量523

点赞数

分类专栏： web面试题文章标签： css html web前端面试题

本文链接：https://blog.csdn.net/Eternal_tyq/article/details/78493275

版权

web面试题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.谈一下你对盒子模型的理解

答：CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型，在浏览器下，每一个html元素都会被解析为一个装有东西的盒子。（百度百科）
盒子模型的特点：每一个盒子模型除了其里面所包含的主要内容之外，还存在边框线（border）、内填充（padding）、外边距（margin）
模型图如下这里写图片描述

2.position的值， relative和absolute分别是相对于谁进行定位的？

答：relative为相对定位，是以它原来的位置相对发生偏移，生成相对定位的元素，相对于其在普通流中的位置进行定位；absolute为绝对定位，是以它的父元素的位置相对发生偏移，生成绝对定位的元素，与文档流无关，不占据空间，常与top、bottom、left、right一起使用。

3.行内元素float:left后是否变为块级元素？

答：是的。任何行内元素float:left之后都会变为块级元素。
验证：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>行内元素变块级元素</title>
    <style>
        span{
            float:left;
            width: 200px;
            height: 50px;
            background: red;
        }
    </style>
</head>
<body>
    <span>行内元素变块级元素</span>
</body>
</html>

这里写图片描述

4.b和strong，i和em有什么区别？

答：在视觉效果中，b和strong都有加粗显示的功能，i和em有斜体显示的功能，一般来说不加以区分。但实际两个是有区别的。
它们的区别是：b和i是告诉浏览器应该以某种样式将这段文字显示出来，而strong和em是告诉浏览器这些文字具有怎样的重要性。比如说我把一段文字用b标签包住，那么浏览器就知道需要把这段文字用加粗的样式显示出来。 Strong则是我们用这来向向浏览器传达这段文字很重要，并不是去通知浏览器应该如何显示。同样，i用来告诉浏览器应该以斜体样式来显示这段文字，而em则是我们向浏览器传达这段文字是强调性的。
其可用物理元素和逻辑元素的概念来理解。另外，对于搜索引擎来说，它对em和strong要比比i和b重视的多。

5.你都用什么浏览器去测试页面？为什么？简单说下内核的理解？

答：浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。