手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >简述Eclipse中的CSS编辑器使用
简述Eclipse中的CSS编辑器使用
摘要:CSSinEclipse4.2在Eclipse4.2的设置中,一些关于颜色和字体的设置改用了CSS进行设置。例如General>Appear...

CSS in Eclipse 4.2

在 Eclipse 4.2 的设置中,一些关于颜色和字体的设置改用了 CSS 进行设置。例如 General > Appearance > Colors and Fonts 设置界面。

Eclipse SDK 使用主题对 CSS 样式单进行分组,用于对工作区进行风格设定,你可以在INSTALL/plugins/org.eclipse.platform_4.2.0.qualifier/css 文件中查看这些 CSS 设定。

在 Eclipse 中编辑 CSS

现在可以使用 Eclipse 提供的轻量级 CSS 编辑器来修改外观,首先进入 E4 安装网站并安装 E4 CSS editor (Incubation). 重启后进入 General > Appearance 选项页来修改 CSS。

简述Eclipse中的CSS编辑器使用1

修改你自已的风格样式单

你可以通过在General>Appearance Perference页面编辑风格样式单自定义一些新的外观。

移除自定义样式

使用Restore Defaults按钮可以移除所有你已经添加到样式单的自定义的样式,并且重置为plugins/org.eclipse.platform所定义的一般的状态。

切换到单编辑器标签模式

你可以通过添加以下的CSS从而切换到单编辑器标签模式

CSS Code复制内容到剪贴板 #org-eclipse-ui-editorssCTabFolder.MPartStack{ swt-single:true; }

切换 tab 样式

经典的主题支持 2.1 和 3.x 风格的 tab,你可编辑 .MPartStack 中的 swt-simple 属性进行修改,前提是 swt-tab-renderer 设置为 null.

CSS Code复制内容到剪贴板 .MPartStack{ swt-tab-renderer:null; swt-selected-tabs-background:#FFFFFF#ECE9D8100%; swt-simple:true; swt-mru-visible:true; }

减小 tab 的字体大小

CSS Code复制内容到剪贴板 .MPartStack{ font-size:9; swt-simple:false; swt-mru-visible:false; }

【简述Eclipse中的CSS编辑器使用】相关文章:

CSS初级教程-CSS结合JS的运用

CSS导航菜单制作教程

最近在网页中常用的css和js酷炫动画效果

CSS3 transition规范的实际使用经验

IE与Firefox的CSS兼容大全

clear:both 的作用介绍

发现两个有趣的CSS3动画效果

8个简单实用的CSS秘诀

用firebug查看网页中的元素信息

CSS的position属性在DIV层中的应用

精品推荐
分类导航