在面试中，我如何评估候选人对Html/CSS的认识？

Question

我试图确定一些很好的面试问题来评估那些来做Html/CSS工作的人的能力，但是这个话题非常宽泛，我不知道我能问什么样的问题来恰当地评估某人的HTML/CSS知识。

在面试中，我可以问什么样的问题来评估候选人的Html/CSS能力？

理想情况下，我想问几个问题，然后给他们一个真实的生活场景去战斗。

Answer 1

下面是一些关于CSS的问题：

1. CSS盒模型边距、填充等.即模型与W3C模型.如何在两者之间切换？它们的优点和缺点是什么？
2. CSS定位一个元素“在流中”和“出流”意味着什么？
3. inline-block和其他显示值。display: none;和visibility: hidden;的区别(对于刚接触CSS的人来说，这是一个很好且容易回答的问题)
4. inline-block对float的布局。
5. 选择器。
6. CSS重置。为什么需要他们，他们完成了什么？
7. 媒体查询和响应设计。
8. 如何组织样式和如何保持选择器的数量少。较少，Sass和其他CSS预处理器.面向对象的CSS。

还有一些关于HTML的问题：

1. 文档类型和浏览器模式。
2. 为什么有些标签比其他标签更好(例如em和i )？
3. 要使HTML和CSS易于管理和易于维护，您应该遵循哪些基本原则？

总的来说，我更加强调CSS，因为它是许多人发现难以掌握和有效使用的领域。我遇到了很多候选人，他们在简历中加入了"CSS“，但却无法回答任何有关它的问题。大多数人只是直截了当地说：“不-不，我知道CSS足够好来处理它，但是没有足够好的能力来谈论它。”

有时，只给一个简单的任务和面试者完成是个好主意。例如，设计一个具有布局和块样式的简单页面，该页面支持多个屏幕大小并相应地进行调整。这应该需要大约一两个小时，候选人应该解释他在做什么和为什么。

祝你面试顺利！

Answer 2

如果你进行现场面试，那么最好的方法就是要求开发人员编写一些html/css代码。

示例(在实际开发中非常常见)。请开发人员用以下方式编写html/css页面代码：

1. 流体宽度
2. 头部高度100；
3. 在标头右角的登录按钮
4. 宽100 and，高200 and的左右面板；
5. 文章文本的中心面板。
6. 页脚，它总是在底部。即使文章有1行。

UPD:当然，要求开发人员只使用div(没有表)编写代码。

看起来应该是：

但在现场面试之前，我建议你在网上测试候选人。因为在线测试候选人和只邀请优秀的技术开发人员参加面试比花时间在每个候选人身上更容易。

Answer 3

我参加了几次网站设计师的访谈，我们做的是在纸上打印一个非常简单的博客版面，然后让候选人在页面上写下一些HTML和/或CSS，大概10分钟左右，给我们一个基本的想法，让我们知道他们是如何编码的。这让我们知道是否有人真的知道CSS。我们只是在寻找一些基本的东西，比如浮标和桌子，或者别的什么，我们解释说，它不需要是完美的。

很多人声称自己在CSS方面有多年的经验，但当被逼写出来时，他们只是在胡思乱想，比如"layout: floating; direction: up;“或其他诸如此类的胡说八道。超过一个"CSS“甚至没有正确的语法，一个la "div(margin=5)”。看到有多少人在面试中撒谎，这让我非常吃惊。而且，关于CSS的谎言似乎比直接编码更容易。你不可能了解CSS，但做一些谷歌，并能够抛出适当的术语很快。例如，对于较高级别的概念，例如OOP，您不能有效地做到这一点。