关于CSS的面试问题和练习

如果你需要采访某人关于CSS的技能和知识，你可能很难马上想到要问的问题。我想我应该想出一些想法来供参考。做练习看人们的实际工作和他们说的话一样重要。看到人们在现场锻炼身体可能更为重要。这些练习并不特别困难，任何有CSS经验的人都应该能够做到。看/听他们这样做可能是无价的。CodePen上的协作模式非常适合这种情况。我在Mobify的CodePen帐户上看到了这个想法。给人们一个按钮的图像，告诉他们： p>单独使用CSS属性，重新创建这个按钮：。这个按钮上装满了那种东西。我想知道的是：他们是如何处理多个边界的？box-shadow可能是这里最好的方式。他们用text-transform: uppercase;来写课文了吗？那就最好了。他们是怎么对付星星的？伪元素是一个很好的选择。他们用unicode吗？图标字体？他们抓住了微妙的text-shadow吗？他们是如何在按钮的主要部分分割背景的？没有褪色的linear-gradient是一个很好的技术。或者box-shadow.他们是否小心嵌套边界半径？我希望我没有破坏Mobify的招聘流程！但老实说，我觉得这东西很难伪造。你可以做并谈论它，也可以不做。修复侧边栏右边的侧边栏已经落在内容下面。告诉我一些不同的方法可以解决这个问题。尽管这两列的宽度分别为75%和25%，并且浮动方向相反，但侧边栏已经下降。原因是因为这些列加起来并不是100%——它们加起来比填充的结果还要多。有很多方法可以修复它： - 在适当的元素上使用box-sizing: border-box;是最有效的修复方法。 - 在宽度上使用calc()删除1rem填充是另一种方法。 - 将填充放在添加的内部包装元素上而不是列上是一种可以在非常深的浏览器中使用的修复方法支持。 - 调整数字使数学工作是另一种方法。例如，将列的宽度缩小4%，使用2%作为填充。还有其他方法。他们能想到的解决方案越多，他们解决问题的能力就越有创造力和多才多艺。使这种固定宽度的设计变得流畅。这是一种设计。它是一个固定的800像素宽。尽你最大的努力使它更适合任何屏幕大小的屏幕。这只是响应式设计的一个要素（他们可能至少应该熟悉），但这是一个重要的要素。这有助于证明他们能够进行空间思考，并对布局做出合理的选择。我要寻找： - 将像素宽度更改为百分比（他们是如何处理数学的？） - 他们为大屏幕或小屏幕做了什么特别的事吗？ - 他们是否尝试使用响应图像解决方案？ - 新设计是否保留了继承原有设计的重要性等级？他们有没有问你问题？（这里有很多问题要问，包括还有哪些其他资源可用。） - 他们测试过吗？（为了确保它实际工作，并找到丢失的元标记等内容。）用图像替换此徽标标记。 Accessible and semantic image replacement has been a CSS topic for a lot of years and the \"best way\" has morphed over the years. Asking them to show you how it could be done a number of ways would be a way to get insight into how long they\"ve really been working with CSS. Not only is it directly an important thing to know how to do, knowing how to do it multiple ways demonstrates the depth of their internal toolbox.Google how you would find out what the default value for backface-visibility是。能够快速有效地搜索某个内容是任何开发人员工作的一个重要部分。他们擅长吗？他们找到正确答案了吗？他们在结果页面中找到了特定的可信来源吗？也许用不带\"Google\"的短语回答这个问题，看看他们用的是哪个搜索引擎。这里没有特别的偏见，但如果不是谷歌，他们是否有你所期望的其他搜索引擎的效率？几年前，达西·克拉克（Darcy Clarke）就有了这样的想法。我将更新其中的一些，添加一些我自己的，并详细阐述一下CSS中的\"Box Model\"是什么？哪些CSS属性是其中的一部分？ CSS box模型是理解布局和大小等的基础。它由以下部分组成：宽度和高度（如果没有，默认值和里面的内容）填充边框

关于CSS的面试问题和练习

admin_action_{$_REQUEST[‘action’]}

admin_footer-{$GLOBALS[‘hook_suffix’]}

customize_save_{$this->id_data[‘base’]}

customize_value_{$this->id_data[‘base’]}

get_comment_author_url

network_admin_edit_{$_GET[‘action’]}

network_sites_updated_message_{$_GET[‘updated’]}

pre_wp_is_site_initialized

WordPress 的SEO 教学：如何在网站中加入关键字（Meta Keywords）与Meta 描述（Meta Description）？

谷歌的SEO是什么