Web2.0相关制作主题系列10: 在线生成CSS样式结构

Note：『软斯基』的网站文件(图片及其它文件)因为某些特殊原因全部丢失，大多数文章的配图均无法显示；目前我们正在想办法恢复其中的一部分，但是有些图片也许无法再进行恢复还原，请您见谅！感谢您对『软斯基』的关注！关闭

在昨天的Web2.0相关制作主题系列9: 在线轻松写CSS样式一文中，Chada介绍了一个可以在线写CSS样式的网站。今天要介绍一个在线生成CSS样式结构的网站：CSS Frame Generator.

logo of css frame generator

在div+css设计网页地过程中，之所以一个主题能丰富多彩，是因为几乎每一个层[div]都有队赢得CSS样式——如果你有幸看到本站昨天的裸奔，你就会知道CSS样式对于一个WordPress甚至任何利用div+css架构的网站是多么的重要。但是，在对应每一个层写css样式的时候会变得眼花缭乱，因为可能会忘了定义某一个层。而CSS Frame Generator恰好可以帮助解决这个问题。

在进入这个网站后，把你的div结构贴入到中间的大文本框里，CSS Frame Generator会自动为你生成一个CSS样式结构。然后你就可以通过昨天介绍的CSSTypeSet对每一个层进行CSS定义。

下面是Chada测试的截图：

div代码：

div code

css结构：

css structure

点击进入CSS Frame Generator>>

本文作者：

作者：Chada
地址：http://appsket.com/
#客家人 #北漂 #民工 #Web2.0 #胡同 #老北京酸奶 #前端 #偶尔愤青 #我爱国图 #西直门 #糖水 #@iChada #暴走

您可能对以下文章感兴趣：

上一篇：手指剧，恶搞美国总统候选人下一篇： Desktoptopia: 自动帮你更换壁纸

目前已经有7条评论

stephen

发布于2008年04月10日08时49分. | 回复 |
我一直等，就是等到这个东西出现。
出了在线制作之外，一般都用什么编程工具来制作div+css架构的网站？？
我一般编辑主题都是使用phpDesigner 2007 Professional
Chada

发布于2008年04月10日12时39分. | 回复 |
phpDesigner是一个很不错的工具，上次朋友那要了个2008的。但是相对来说，我还是喜欢用Dreamweaver多一点，毕竟用了这么多年了。
ruosen

发布于2008年04月10日13时15分. | 回复 |
菜鸟路过，目前纯手工写。。。
anliu

发布于2008年04月10日18时45分. | 回复 |
这个应该也支持Z-BLOG的吧，只是自己不敢尝试修改css/
C.J.

发布于2008年04月11日12时57分. | 回复 |
还是喜欢phpDesigner，DW不太适应的说

软斯基