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
Confluence 6 CSS 编辑技巧相关推荐
- Confluence 6 CSS 编辑快速入门
希望编辑空间的 CSS 样式表: 进入空间后,然后从边栏的底部选择 空间工具(Space tools) > 外观和感觉(Look and Feel) . 然后选择 样式表(Stylesheet) ...
- div css 常用技巧
div css 常用技巧 1.给图片加上alt属性: <img src="logo.gif" alt="我的公司logo,点击返回首页" /> 2 ...
- css好用吗,比较好用的 CSS 的技巧,总有一个你需要的!
原标题:比较好用的 CSS 的技巧,总有一个你需要的! 一.黑白图像 当你需要让一张彩色的图片显示为黑白照片的时候,你可以用下面的一段代码. 二.使用 :not() 在菜单上应用/取消应用边框 三.页 ...
- 转载:CSS hack技巧大全
原文地址:http://www.duitang.com/static/csshack.html part2 -- CSS hack技巧大全 --作者:吴雷君 兼容范围: IE:6.0+,FireFox ...
- css 自动换行_前端必备!20个CSS小技巧
在日常学习和工作中,你是否经常觉得时间不够用?为了帮助你提高效率,今天,就为大家分享一些CSS小技巧,如果你感觉有用,也可以收藏与分享给你的小伙伴们~ 1. 文字水平居中 将一段文字置于容器的水平中点 ...
- 再发些CSS常用技巧和兼容方案
基本上配合我以前所发的:Html+css小技巧收集,制作网页中经常 .. 和浏览器兼容性测试工具 可以做到所向无敌. CSS HACK以下两种方法几乎能解决现今所有HACK. 1, !importan ...
- CSS书写技巧(转)
/*******************************************************************************/ 不同的浏览器,比如Int ...
- html透明度_学好Web前端开发,必要了解的HTML+CSS的技巧有哪些
HTML+CSS的技巧有哪些?怎么学好Web前端开发?经过Web前端学习的一个过程,每个人都会对前端的认识逐渐由浅入深,由一开始僵硬地使用标签和标签属性进行简单网页布局,到最后能够对网页进行丰富的CS ...
- 5加载stm32 keil_KEIL 那些编辑技巧与方法
来源:公众号[鱼鹰谈单片机] 作者:鱼鹰Osprey ID :emOsprey 本篇笔记介绍一些鱼鹰常用的 KEIL 编辑方法与技巧,用于加快编辑速度. 当然了,很多人现在更多的是使用 VSCod ...
最新文章
- 雷林鹏分享:jQuery EasyUI 数据网格 - 创建属性网格
- Ubuntu18.04 网络配置
- 人工智能案例TOP50,AI是干出来的,不是吹出来的
- python读取txt文件并写入excel-Python读excel生成数据存入txt文件
- JavaScript强化教程——AJAX
- VTK:InfoVis之PKMeansClustering
- 搭建K8s集群(kubeadm方式)-操作系统初始化
- c语言输入三个数判断等边三角形,随便输入三个数,看能否组成一个三角形
- android studio 显示图形_显示服务器实现(一)
- UI设计实用素材|iPhone样机模型(展示你的应用程序、网站或用户界面的完美方式。
- playSwift第五章(函数和闭包)
- Linux服务器安装宝塔面板,Linux服务器安装宝塔服务器管理控制面板
- poi合并单元格后居中
- 电脑无法读取外接硬盘修复
- vue 实现 tooltips的效果
- hive 神盾特工局_《神盾局特工》沃德身份确认 九头蛇反派—蜂巢
- php可以用scanf,PHP可以使用“scanf”来打印输出结果( )。
- 关于Mongodb的全面总结
- win7 如何锁定计算机,Win7系统如何锁定计算机
- python寻峰算法_在python中快速查找峰和质心
热门文章
- java高效编程_Java高效编程
- php动画,(轻松学PHP-JS篇)jQuery学习-动画
- defaultdict python_python中defaultdict的用法详解
- 比ewsa更快的跑包工具_重庆单肩包订购,编织布袋定做厂家
- oracle10默认备份路径,oracle 10g RMAN备份及恢复
- windows连linux工具,Windows连接Linux工具
- python pandas筛选数据_Python pandas从字符串列的数据选择中筛选出nan
- 2021年春季学期-信号与系统-第十二次作业参考答案-第六小题
- 第22届清华大学电子设计大赛决赛
- 2020年人工神经网络第二次作业