Confluence 6 CSS 编辑技巧

开始编辑空间样式表

一个空间的样式表是你开始对 CSS 进行自定义编辑的好的开始。在空间样式表中，包含了你全部能够进行修改的元素。当你对空间样式表进行编辑的时候，空间样式表的修改只会对你修改的空间有效，而且会应用到全部的空间页面中。在空间样式表中建立一些样式，而后进行测试，当没有问题后，你能够将这些样式应用到整个站点上。而后你能够对Confluence 的 CSS 进行更多的自定义包括调整搜索页，主面板和其余的一些总体页面。

使用正确的工具

Confluence 的 CSS 也具备至关的复杂性，Web 开发工具将会帮助你理解页面的样式表是如何被建立的的。针对一些具体的状况，你可能须要查看页面已经存在的源代码。下面的一些免费工具将会帮助你对源代码进行调试和查看。h as the following free applications will allow you to do this.

1. Firebug
Firebug，是一个 Firefox 浏览器的插件。这个插件容许你对你页面中元素的样式表进行查看。这个工具对你对当前元素的样式表进行分析很是有效，例如仅仅应用在头部的样式表。

2. Web Developer
Web Developer 是一个针对 Firefox 的插件，这个插件容许你在页面中直接对 CSS 进行编辑和建立一个新的设计。

3. CSS Edit
CSS 编辑器是一个为 Macintosh 系统编辑使用 CSS 的独立编辑器。这个编辑器可以获取当前全部的 CSS 样式表，而后容许你对这些样式表从新进行编辑。

从简单的元素开始

你能够从一些简单的原始开始编辑，经过这些编辑来看这些修改是如何工做的。当对 CSS 进行修改后，对每个修改你都应该查看下效果，这样有助于更好的分析和解决问题。请注意一些页面的元素可能比其余页面更适合进行编辑。例如，为页面添加一个 gradient 到工具栏相对于修改整个页面的宽度可以让 CSS 更好的工做，而不会致使页面损坏。编辑合适的静态元素，例如背景图片相对于设计整个节目或者使用 JavaScript 来进行下拉菜单展现就更加精确的表现页面状况（其实也不建议在使用 JavaScript 作过多修改） 。

 

https://www.cwiki.us/display/CONFLUENCEWIKI/Basic+Styling+Tutorial