如何快速进行CSS栏目设计？

我试过所有其他的蓝图，960等等。我想为自定义宽度和水槽，这应该是任何宽度或盒子之间的间距修改自定义框架。 我需要最好的优化和快速的方式，使布局。希望在css中创建一个可重用的框架/方法/模式

例如：

（来源：）

编辑：

---

现在我发现这篇文章很有用 想知道其他人的看法。

如果有一种“最佳方法”来构建CSS框架，那么现有产品中的一种可能已经在使用它，或者任何知道它的人现在都在构建它

不幸的是，由于你已经尝试了所有的产品，但它们对你不起作用，我认为你不会有太多的运气。没有人能告诉你构建框架的“最佳方式”。这就像问什么是“最好的汽车制造方法”。这是一个相当广泛的话题

如果您有与框架构建的技术方面相关的特定问题，可能有人会帮助您。

如果有一种“最佳方法”来构建CSS框架，那么现有产品中的一种可能已经在使用它，或者任何知道它的人都会立即构建它

不幸的是，由于你已经尝试了所有的产品，但它们对你不起作用，我认为你不会有太多的运气。没有人能告诉你构建框架的“最佳方式”。这就像问什么是“最好的汽车制造方法”。这是一个相当广泛的话题

---

如果您有与框架构建的技术方面相关的具体问题，可能有人会帮助您。

您所展示的布局类型让我觉得可能适合此要求。

您所展示的布局类型让我觉得可能适合此要求。

如果您真正理解html和css，这些东西用记事本在大约五分钟内就组合在一起了

它们是盒子

…在我说了这些之后，我必须看看我是否真的足够快，能在记事本上做到这一点。我很兴奋，没有更好的事可做，我想我应该能够支持我说的话

I almost got too lazy, but then I just committed, cause it would only
be five minutes, right? 

Started at:

这里的荣誉制度，我想，一切 在这一次和下一次之间 我在那两个人之间键入的是什么 时代。我写完后就抄下来了 进入尾声，保存它，看看它 成功了，修正了格式 为便于阅读，将其粘贴回 在里面是的，我真的把字体家族 还有颜色，我不知道为什么。我 我想为什么不呢

2:35:17
速度挑战即兴
身体{
背景：#000；
颜色：#fff；
保证金：0；
填充：0；
字体系列：helvetica；
字体大小：12px；
边框底部：1px实心#999；
}
#包装纸{
宽度：960px；
保证金：0自动；
填充物：5px；
左边框：1px实心#999；
右边框：1px实心#999；
背景：#222；
}
#标题{
高度：160px；
背景：#444；
边框：1px实心#aaa；
}
#菜单{
边缘顶部：5px；
边缘底部：5px；
高度：50px；
背景:#555；
边框：1px实心#aaa；
}
#内容{
高度：800px；
背景:#666；
边框：1px实心#aaa；
边缘底部：5px；
}
#页脚{
高度：25px；
背景：#444；
边框：1px实心#aaa；
}
2:41:52

我向你保证，我打字和思考都很慢，我毫不怀疑还有不到两分钟的时间。所有的颜色和尺寸都是猜测出来的。这对于制作网站来说并不理想，但一开始就弄清楚要做什么是很好的

我没有列，你基本上可以把这些框复制到它们自己的样式中，并且做很多行操作。固定宽度和浮动权限可以完成列的工作

---

很明显，这要比五分钟长得多，但还不错

如果你真正理解html和css，这些东西用记事本在大约五分钟内就可以组合在一起了

它们是盒子

…在我说了这些之后，我必须看看我是否真的足够快，能在记事本上做到这一点。我很兴奋，没有更好的事可做，我想我应该能够支持我说的话

I almost got too lazy, but then I just committed, cause it would only
be five minutes, right? 

Started at:

这里的荣誉制度，我想，一切 在这一次和下一次之间 我在那两个人之间键入的是什么 时代。我写完后就抄下来了 进入尾声，保存它，看看它 成功了，修正了格式 为便于阅读，将其粘贴回 在里面是的，我真的把字体家族 还有颜色，我不知道为什么。我 我想为什么不呢

2:35:17
速度挑战即兴
身体{
背景：#000；
颜色：#fff；
保证金：0；
填充：0；
字体系列：helvetica；
字体大小：12px；
边框底部：1px实心#999；
}
#包装纸{
宽度：960px；
保证金：0自动；
填充物：5px；
左边框：1px实心#999；
右边框：1px实心#999；
背景：#222；
}
#标题{
高度：160px；
背景：#444；
边框：1px实心#aaa；
}
#菜单{
边缘顶部：5px；
边缘底部：5px；
高度：50px；
背景:#555；
边框：1px实心#aaa；
}
#内容{
高度：800px；
背景:#666；
边框：1px实心#aaa；
边缘底部：5px；
}
#页脚{
高度：25px；
背景：#444；
边框：1px实心#aaa；
}
2:41:52

我向你保证，我打字和思考都很慢，我毫不怀疑还有不到两分钟的时间。所有的颜色和尺寸都是猜测出来的。这对于制作网站来说并不理想，但一开始就弄清楚要做什么是很好的

我没有列，你基本上可以把这些框复制到它们自己的样式中，并且做很多行操作。固定宽度和浮动权限可以完成列的工作

---

很明显，这要比五分钟长得多，但还不错

到现在为止，我发现这篇文章很有用，我想这只是一个开始，但是把9个CSS类称为一个框架是相当厚颜无耻的