我想，在本系列中，我们第一次将直接在浏览器中添加一些新的设计内容（而不是首先在 Photoshop 中开始）。我们的目标是设计“热门链接”模块，这些模块将在主页上显示。
我们在主页上的每个部分都使用标题标签进行标记。例如“最新博客文章”和“热门链接”。从语义上讲，我们应该使用 h2，但一般的 h2 样式对于该区域来说过于强烈。我们使用经典的技巧，即为我们的标题样式使用类名覆盖。这样，我们就可以始终使用正确的语义标签，但能够随时使用我们想要的标题样式覆盖样式。例如：
<h2 class="h5">
<!-- correct semantically but we want style of h5 -->
</h2>热门链接模块与文章模块在很大程度上相同，只是不太复杂，并且在左上角有一个红色正方形而不是橙色正方形。