作者文章

Chris Coyier

创始人、作者、设计师、垃圾邮件删除者、邮件个性化

#072：CSSing 页脚，第 2 部分

在这个屏幕录制中，我们主要处理占据页脚大部分区域的橙色“Photostar”。

我们在 Photoshop 中的单独文件中创建了星形，以便我们可以使其达到网页所需的正确大小，而不是使其最大化……

2015 年 10 月 8 日

页脚的 HTML 结构到位后，我们就可以开始设置样式并使这个页脚看起来像我们在 Photoshop 中设计的那样。

我们为页脚创建一个新的 SCSS 文件，因为……

2015 年 10 月 8 日

我们的页脚设计已准备好用于 Photoshop，我们可以开始将其构建到我们的静态 HTML 和 CSS 模型中。第一步是为我们自己提供一些 HTML 来处理。我们已经有了一个……

2015 年 10 月 8 日

这是我们将在实际构建之前专门针对页脚进行的最后一次 Photoshop 工作。

在这个屏幕录制中，我们基本上插入了围绕“Photostar”的链接列表。没什么太花哨的……

2015 年 10 月 8 日

在这个屏幕录制中，我们继续进行 Photoshop 操作，布局底部带有指向我的另外两个最大项目 CodePen 和 ShopTalk 的链接的页脚。

我们在屏幕录制中实时编写了一些内容，这当然是一个……

2015 年 10 月 8 日

我们正在 Photoshop 中创建页脚设计。快速提醒：我在 Photoshop 中工作是因为在跳转到浏览器之前，我觉得在那里更有创意。我不会在 Photoshop 中停留太久，但那是我喜欢……

2015 年 10 月 8 日

来自 Roman Rudenko 的真正 CSS 技巧。最终，我希望 line-clamp 成为现实……

2012 年 9 月 19 日

我们踏上了页脚的伟大旅程！CSS-Tricks 一直都有一个大型的精美页脚，这个设计也不例外。但这并非纯粹的装饰。我们有很多东西确实至少值得……

2015 年 10 月 8 日

我们还有另一个 BSA 区域需要集成到网站中。这个应该会更容易一些，因为我们已经有了 JavaScript，它只是一个模块中的一个广告。我们实际上已经有了那个顶部的树屋……

2015 年 10 月 8 日