在这个视频教程中,我们主要处理的是在页脚中占主导地位的橙色“Photostar”。
我们在 Photoshop 中用单独的文件制作了这颗星星,以便让它符合网页所需的尺寸,而不是在主 Photoshop 文件中看起来最合理的样子。 我们将它做得比网页上显示的大,这样我们就可以将其缩小,并且在视网膜显示屏上看起来非常清晰。 没错,这可能在带宽方面存在问题,因为它会向很多不需要它的设备发送过多的数据——但嘿,我们在这个设计中使用的图像很少,因此这仍然是一个净收益,并且我们可以随时重新审视这种做法。
最后,我们对链接列表应用了一些基本样式,将其中一半浮动到左侧,另一半浮动到右侧(使用右对齐文本)。
一如既往的棒,Chris,关于你的图片位置等等,我建议你将路径放在一个变量中,这样你就可以在它上线时更换它,例如
你可以对所有的文件路径都这样做。
Compass 实际上有 URL 帮助程序专门用于此:http://compass-style.org/reference/compass/helpers/urls/
幸运的是,我并没有通过 CSS 引用大量图片,手动管理起来并不太难。 但我应该换成这种方式。