网格是一种流行的网站构建方法。 它更加一致,使各个部分成比例地正确。 CSS Grid框架的两个示例是960.gs或Skeleton 。 但是,使用网格框架的限制之一是灵活性将降低。
我们受框架规范及其作者方法的束缚,在许多情况下,这些规范可能不适合我们的网站要求。
在本文中,我们将向您展示如何为CSS和Photoshop创建自定义网格 。 为了简化该过程,我们将使用几种工具。 让我们来看看。
安装指南
首先,我们需要安装GuideGuide ,这是一个Photoshop扩展程序来创建辅助线,专门用于轻松创建Grid。 为了能够安装GuideGuide,您的Photoshop必须至少为CS4。