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

Chada发表于2008年04月10日 7:36 am - 3,850次阅读 - 繁體 - 7条回响

在昨天的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>>

分享这篇文章到以下网络

本文已有7条回响了 - 再添一条»

  1. stephen 说:

    我一直等,就是等到这个东西出现。
    出了在线制作之外,一般都用什么编程工具来制作div+css架构的网站??
    我一般编辑主题都是使用phpDesigner 2007 Professional

    第1楼
  2. Chada 说:

    phpDesigner是一个很不错的工具,上次朋友那要了个2008的。但是相对来说,我还是喜欢用Dreamweaver多一点,毕竟用了这么多年了。

    第2楼
  3. ruosen 说:

    菜鸟路过,目前纯手工写。。。

    第3楼
  4. anliu 说:

    这个应该也支持Z-BLOG的吧,只是自己不敢尝试修改css/

    第4楼
  5. C.J. 说:

    还是喜欢phpDesigner,DW不太适应的说

    第5楼

发表评论





[快捷键“Ctrl”+“Enter”提交]