我们使用了一些定位技巧来对齐徽标的左边缘和主要内容区域，同时仍然让标题接触页面的左边缘。
导航块在最宽的宽度下是导航父级的 1/8。我们将其设置为内联块，以便它们可以接受该宽度。由于亚像素四舍五入错误，最终我们不得不将宽度设置为 12.49% 而不是 12.5%。
我们找到了一种方法来获得导航的底部阴影，但对使用的技术有点担心。我们需要反转每个菜单项的 z-index，以便第一个元素“在顶部”并逐个向下，而不是最后一个。我们使用一系列 :nth-child 选择器来做到这一点。
:nth-child
制作一个“内嵌”盒子阴影不是更好吗？
可能是的 =)
但这让我有点紧张。常规的盒子阴影甚至可能存在一些性能问题（例如滚动滞后），并且在一段时间内，内嵌阴影更糟糕。我认为这可能在更新的 WebKit 浏览器中已修复，但在旧浏览器中仍然存在问题。
不知道你是否知道这些东西，所以我把它们列出来。你不必打开计算器应用程序，而可以直接在 spotlight 中输入方程式 - 这为我节省了大量时间！此外，对于你的颜色选择器，“command + option + control + c”只会为你执行颜色选择器弹出窗口，在我看来，这也为我节省了大量时间。
@arek.bartnik 我在整个视频中都在想“使用内嵌阴影！”哈哈
如果你建议不要使用 <ul> 或 <li> 标签进行导航，那么你建议如何才能在最佳实践方面实现下拉菜单呢？
<ul>
<li>
我在自动重新加载方面遇到了同样的问题。它与 css 真的很卡。不得不切换到 LiveReload。
你的电子邮件地址不会被公开。 必填字段标有 *
评论 *
姓名 *
电子邮件 *
网站
在下次我评论时，在这个浏览器中保存我的姓名、电子邮件和网站。
复制并粘贴此代码： micuno *
将此字段保留为空
Δ
制作一个“内嵌”盒子阴影不是更好吗？
可能是的 =)
但这让我有点紧张。常规的盒子阴影甚至可能存在一些性能问题（例如滚动滞后），并且在一段时间内，内嵌阴影更糟糕。我认为这可能在更新的 WebKit 浏览器中已修复，但在旧浏览器中仍然存在问题。
不知道你是否知道这些东西，所以我把它们列出来。你不必打开计算器应用程序，而可以直接在 spotlight 中输入方程式 - 这为我节省了大量时间！此外，对于你的颜色选择器，“command + option + control + c”只会为你执行颜色选择器弹出窗口，在我看来，这也为我节省了大量时间。
@arek.bartnik 我在整个视频中都在想“使用内嵌阴影！”哈哈
如果你建议不要使用
<ul>或<li>标签进行导航，那么你建议如何才能在最佳实践方面实现下拉菜单呢？我在自动重新加载方面遇到了同样的问题。它与 css 真的很卡。不得不切换到 LiveReload。