要问受访者的十大CSS和HTML问题?

时间:2009-12-25 07:25:51

标签: css xhtml

要问受访者的十大CSS和HTML问题应该是什么?如果受访者提及2年,则测试他的知识水平。 XHTML和CSS的经验

修改

我们如何才能了解受访者的跨浏览器布局制作能力?我的问题只与xhtml css编码无关,而与设计能力无关

14 个答案:

答案 0 :(得分:15)

  1. 什么是CSS框模型?
  2. 怪癖模式,标准模式和几乎标准模式之间有什么区别?
  3. Tell me about hasLayout.
  4. 最合适的标记是什么:导航菜单;画廊;一篇博文。 (为什么?你能想到一些替代品吗?可能会把它们画在白板上或其他东西上)
  5. < p class =“main_header”> Foo< / p>之间有什么区别?和< h1 class =“main_header”> Foo< / h1>?
  6. 为什么这是一个坏主意?:< span class =“red”> Bar< / span>
  7. 描述如何设置不透明度以及它在Gecko,WebKit和IE中的显示方式。
  8. 如何将文本框中的少数属性设置为默认值?
  9. 设计需要具有Alpha透明度的png文件,您可能会遇到哪些问题?
  10. 其中一些与zoul的问题相同,只是从一个略微不同的角度来看 - 我的目标是引发一些讨论的问题。

答案 1 :(得分:13)

  1. 为什么拆分HTML和CSS是个好主意?
  2. 内联元素和块元素有什么区别?
  3. 什么是适合的文档类型?
  4. 类和ID之间有什么区别?
  5. 保证金和填充之间有什么区别?
  6. 这些应该足以让人了解有多少候选人对浏览器,标准以及HTML和CSS背后的推理有所了解。如果你想测试详细的CSS知识,也许你可以投入一些花车,定位和类似的东西。

    更新:当然,重点是您将获得的答案。如果你询问边距和填充,你会得到一个干净的盒子内容,添加填充,边框线和边距,可能会折叠另一个盒子,你知道那个人知道他在说什么。所有其他问题也是如此。

答案 2 :(得分:5)

简短采访中的任何问题都无法确定一个人的技能水平。并且存在一个人的创新品质的问题,这可能不会在面试中表现出来。有些人可能内向和害羞,或遭受面试的紧张情绪,其他人可能是平淡的谈话者,实质上很少。提出客观问题而不是意见也存在挑战。

如果我出席试镜加入交响乐团并告诉他们我已经拉小提琴20年了,他们就不会问我桥的构造或弓弦的最佳材料。他们给我一个乐谱并让我去玩。

我建议创建一个简单的网页,需要上面答案中提到的技术,向候选人展示,并要求候选人使用记事本在30分钟内重新制作。这将解决新手的经验。

答案 3 :(得分:5)

除了HTML / CSS / JS特定问题或解决问题之外,我还会问他/他正在使用什么样的工具来完成任务。它通常可以提供有关“如何”某人工作的良好见解,并提供良好/放松的讨论空间。优秀的开发人员总是拥有优秀而敏锐的工

答案 4 :(得分:3)

在过去的几年里,我已经进行了多次测试,但实际上,没有人可以要求判断某人在HTML和/或CSS编码方面有多么优秀。

首先,如果受访者声称在过去几年内有书面网页,请询问几个例子。如果可能的话,让他/她给他们发电子邮件,打印出来并让用户解释和批评他们的一切。完全撕掉他们以前工作的一切,让他们解释一切可能的事情。

完成此操作后,应向用户提供涉及开发网页的小任务。给他们一个联网的计算机并清除历史记录,然后给他们几个网页,在 n 分钟的空间内构建。告诉他们记录他们决定做什么以及他们将使用哪些资源,让他们继续使用它。过了一会儿检查他们的参考文献并查看结果。用户永远无法在如此短的时间内完成最佳工作,但您将能够通过他们的工作质量看到他们的效率。

完成后,给他们一个破碎的网页,并给他们一点时间来修复它,使其符合标准。对于大多数好用的工具来说,这应该是一项简单的任务。

这显然不是一门精确的科学,但是这些方法中的一系列总能为许多公司找到合适的候选人,而且很多网页设计的地方现在很少提出问题,并且会进行简单的实践练习以确保受访者可以做他们所要求的事情。

答案 5 :(得分:2)

  1. 你认为html和xhtml之间的主要区别是什么?
  2. 使用其中一个是否有好处?

答案 6 :(得分:2)

技术

要求此人制作一个带有标题,两列布局和页脚的简单页面,每个列具有不同的背景颜色,延伸到页脚。让他们在完成时翻转列。

一些棘手的问题。

绝对值如何影响流量?

浮标如何影响流量?

(他们没有)

相对和静态有两个实际区别?

通过'什么是语义网以及它为什么重要?'来确定他们对CSS和HTML的兴趣。例如,人们应该能够热情地向盲人提供信息。真正使用HTML和CSS并且了解他们的东西的人往往对如何为所有人提供信息充满热情。

IMO,随着越来越多的人使用符合标准的现代浏览器,跨浏览器问题变得越来越不重要。

询问他们对设计的兴趣。在团队中工作时,良好的设计理念往往很重要 - 具有设计感的程序员可以沟通为什么这样的设计在网站中可能无法正常工作并且可以更好地解释一些限制。

问:你怎么看待闪光: - )

答案 7 :(得分:1)

以下是40个问题,您可以从HTML 5的角度专门询问一个人。

http://www.codeproject.com/Articles/702051/important-HTML-Interview-questions-with-answe

SGML,HTML,XML和HTML之间有什么关系?

在HTML 5中我们不需要DTD为什么?

如果我不放HTML 5工作?

哪些浏览器支持HTML 5?

HTML 5的页面结构与HTML 4或以前的HTML有何不同?

HTML 5中的datalist是什么?

HTML 5中有哪些不同的新表单元素类型?

HTML 5中的输出元素是什么?

什么是SVG?

我们能看到一个使用HTML 5的简单SVG示例吗?

HTML 5中的画布是什么?

那么我们如何在Canvas上画一条简单的线呢?

Canvas和SVG图形有什么区别?

如何使用HTML 5使用Canvas和SVG绘制矩形?

CSS中的选择器是什么?

如何使用ID值应用CSS样式?

CSS中列布局的用途是什么?

你能解释一下CSS盒子模型吗?

你能解释一下CSS 3中的一些文字效果吗?

什么是网络工作者?为什么我们需要它们?

Web Worker线程有哪些限制?

那么我们如何在JavaScript中创建工作线程呢?

如何终止网络工作者

为什么我们需要HTML 5服务器发送的事件?

HTML 5中的本地存储概念是什么?

我们如何在本地存储中添加和删除数据?

本地存储的生命周期是什么?

本地存储和Cookie有什么区别?

什么是会话存储?如何创建会话?

会话存储和本地存储有什么区别?

什么是WebSQL?

WebSQL是否是HTML 5规范的一部分?

那么我们如何使用WebSQL?

HTML5中的应用程序缓存是什么?

那么我们如何在HTML 5中实现应用程序缓存?

那么我们如何刷新浏览器的应用程序缓存呢?

什么是应用程序缓存中的后备?

应用程序缓存中的网络是什么?

答案 8 :(得分:1)

  1. 将样式应用于网页有哪些不同的方法?
  2. CSS中的分组是什么?
  3. 什么是上下文选择器?
  4. 使用CSS有哪些限制?
  5.   像上面这样,有50多个很棒的问题可以在这里找到   任何CSS相关的访谈都可以破解。 Top CSS interview questions and answers

    这也有助于明确CSS的概念。

答案 9 :(得分:0)

奇怪没人提到这个......

由于该人声称有两年的经验,他们应该有一些东西可以展示 - 所以要求看看最近的作品。即使他们的一些工作是内部的或受到NDA等的保护,如果他们有任何好处,他们应该做一些他们已经做过的事情只是为了尝试新事物等。

我相信在这种情况下,真实的例子将是衡量实际技能的最佳标准。人们可以轻松地学习有关HTML和CSS的各种细节,但能够应用它们是完全不同的事情。它还应该展示他们编写跨浏览器兼容代码的能力(只需在IE,FF,Opera,Safari / Chrome中打开他们的示例)

答案 10 :(得分:0)

  1. 你知道如何清除漂浮物吗?
  2. 编写一个简单的嵌套列表。
  3. 让他们做一个简单的布局(标题,2个col,页脚)并包含表格数据。看看他们是疯狂的,疯狂的,还是坚持正确的。
  4. 类和元素之间有什么区别?
  5. 当他们制作布局时,请仔细查看他们为课程命名的内容。如果它们是特定于布局的(“左列”,“底部”,“红框”)而不是结构特定的(“列”,“标题”,“页脚”,“导航”),它们'做错了。
  6. 如果对1.的回答是“使用清除div”,请在将它们送出门之前用蝙蝠击打它们。

答案 11 :(得分:0)

The fancy button question seen here is the best question I've seen。它涵盖了一系列主题,而没有进行书面测试。让他们在白板或纸上实现这样的东西更有价值,以避免陷入MDN可搜索的细节。即使他们没有提出完美的解决方案,您也会发现他们能够就一系列主题发表意见。

请记住,您希望有人能够思考并提出创造性和有效的解决方案。不是记住MDN的人。

答案 12 :(得分:0)

  1. 关于HTML5及其功能。
  2. 将CSS添加到HTML的方法。
  3. CSS3的新功能。
  4. CSS3的浏览器兼容性。
  5. CSS中不同类型的选择器。
  6. 类和id选择器之间的区别。
  7. CSS中不同类型的测量单位
  8. HTML5表单和不同类型的输入类型选项。
  9. HTML复选框,选择,广播,按钮标签及其使用。
  10. 设计简单页面的样式

答案 13 :(得分:0)

要问的一些好问题是: 描述如何设置不透明度。 CSS中的盒子模型是什么? 如何将CSS添加到HTML? 描述一个类和一个元素之间的区别。 Doctype的用途是什么?