怎样快速可视化制作CSS

html-css016

怎样快速可视化制作CSS,第1张

快速可视化制作CSS推荐使用第三方工具，推荐如下：

1、Bootstrap的可视化制作工具：Jetstrap：

Jetstrap是一个基于 Bootstrap 前端框架的可视化设计工具。通过 Jetstrap制作出来的网页 100% 符合 Bootstrap 标准。比如说你只要设计了电脑端的页面，它会自动适配手机端和 Pad 端（响应式设计）。

2、Bootstrap可视化编辑器工具-LayoutIt

简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站？是的，LayoutIt 是一个 Twitter Bootstrap 界面生成器，能够帮助你快速制作出网站和界面模型，同时能够下载生成的网站代码。

3、Bootstrap的可视化制作工具：bootswatchr

bootswatchr是从地面上创建一个自定义的BootStrap主题的可视化工具。最大的方便就是 我们可以在左侧修改css或者html代码，然后修改结果会直接会显示在右侧。更重要是一个在线编辑和免费生成Bootstrap主题的酷站。

背景可以在贴吧里找,给你3个比较好的地方:

http://post.baidu.com/f?kw=%CE%A8%C3%C0%CD%BC

http://post.baidu.com/f?kw=%CB%D8%B2%C4

http://post.baidu.com/f?kw=%B7%E7%BE%B0

百度空间网页制作,CSS教程:http://post.baidu.com/f?kz=153447114

在线CSS编辑器:http://demo.rexsong.com/200601/qrone%5Fcss%5Fdesigner/

要把中间的那块改成半透明,别照第一个网址说的那样(那样改不了):

要改的是:.stage{}

比如:.stage{background-color:#B4E4D1filter:alpha(opacity=80)}

filter:alpha(opacity=80)是透明度

和.modbox{} .modbl{} .modbc{} .modbr{}里的东西

例如改成:.modbl{background-color:#5DC49Bfilter:alpha(opacity=100)line-height:1px}

也可以参考这里:http://www.baidu.com/search/hi/hi_css.html

背景音乐设置详解！

http://hi.baidu.com/zhifei/blog/item/141d62d0998bc38fa0ec9ca7.html

搜索百度空间代码(即:在别人发布的原模版上进行修改)

http://www.hi128.cn/hi/