无需编码即可轻松修改CSS布局?

时间:2012-12-06 20:16:37

标签: css

我正在为我的内部网站维护一个基本上像维基的页面。

我想更改其中一个报告页面的布局,但它们是用CSS制作的

有没有办法修改CSS样式而无需手动编码并花时间使用表格和测量值?我试图改变手工值和表的顺序,但结果远远不能令人满意(大约12年前留下的HTML和网页编码)。

是否有任何应用程序允许我加载CSS样式,在视觉上重新排列页面上的项目和部分(有点像你在像VisualStudio这样的UI编辑器中进行),并允许你放置更多的部分或元素页面?

我可能会选择编写CSS样式的路径,但是我希望能节省时间学习我很可能不会长时间使用的东西(我作为C ++语言的程序员工作,所以基本上每4年左右一次)。

3 个答案:

答案 0 :(得分:3)

谷歌Chrome和Firefox有一些非常好的工具可以找到页面上元素的CSS并重新排列浏览器中的内容,这样你就可以看到它们看起来如何随变化而变化。非常简单,只需根据您在浏览器中所做的更改创建一个新的css文件,并将该页面链接到该新的css文件,而无需进行太多的手动编码。

答案 1 :(得分:0)

在firefox中使用带有chrome或firebug的web-developer(f12)。你可以在网页中实时添加/删除/修改css样式

firebug:https://addons.mozilla.org/en-US/firefox/addon/firebug/

答案 2 :(得分:0)

这是一个visual css编辑器。它允许您单击项目,然后使用GUI重新排列它。这可能很适合你。

Blue Pen Editor