用eclipse编写html页面,简述Eclipse中的CSS编辑器使用

青旅半醒 2022-10-06 03:57 167阅读 0赞

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。

![3ce062ba5926b6a7c5580b47de1cbd77.png][]

修改你自已的风格样式单

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

移除自定义样式

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

切换到单编辑器标签模式

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

CSS Code复制内容到剪贴板

\#org-eclipse-ui-editorss CTabFolder.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;

\}

[3ce062ba5926b6a7c5580b47de1cbd77.png]: /images/20221005/720447a2e1da4bd981a733d6aa439543.png

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关 eclipse 编辑器集成 maven

eclipse 编辑器中集成 maven，首先要在本地电脑安装 maven 可以在 cmd 窗口输入如下命令，检查是否成功安装 maven mvn -v ...

布满荆棘的人生/ 2024年04月17日 14:26/ 0 赞/ 65 阅读

相关用eclipse编写html页面,简述Eclipse中的CSS编辑器使用

CSS in Eclipse 4.2 在 Eclipse 4.2 的设置中，一些关于颜色和字体的设置改用了 CSS 进行设置。例如 General > Appearance

青旅半醒/ 2022年10月06日 03:57/ 0 赞/ 168 阅读

相关使Eclipse下支持编写HTML/JS/CSS/JSP页面的自动提示

我们平时用eclipse开发jsp页面时智能提示效果不太理想，今天用了两个小时发现了eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/C

左手的ㄟ右手/ 2022年08月03日 05:04/ 0 赞/ 115 阅读

相关 eclipse完全支持jsp页面下HTML/JS/CSS智能提示

最近一直在学习java项目用到了eclipse和myeclipse，为了提高开发效率，我们时常会用到智能提示，而且不光要在java类中实现，在jsp中也要有同

我就是我/ 2022年08月03日 00:12/ 0 赞/ 165 阅读

相关使Eclipse下支持编写HTML/JS/CSS/JSP页面的自动提示

我们平时用eclipse开发jsp页面时智能提示效果不太理想，今天用了两个小时发现了eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/C

素颜马尾好姑娘i/ 2022年07月14日 07:15/ 0 赞/ 121 阅读

相关 Eclipse Java编辑器调试

在使用Eclipse开发Java Web应用时，使用的编辑器不但能够为开发者提供代码编写、辅助提示和实时编译等常用功能，而且还能够对Java源代码进行快捷修改、重构和语法纠错等

短命女/ 2022年06月02日 10:46/ 0 赞/ 188 阅读

相关使Eclipse下支持编写HTML/JS/CSS/JSP页面的不需要点的自动提示

使用eclipse自带的插件，无需另外安装插件，具体步骤如下 1.打开eclipse→Windows→Preferences→[Java][]→Editor→Content

缺乏、安全感/ 2022年05月16日 03:07/ 0 赞/ 169 阅读

相关 Eclipse编辑器基本设置

一：xml里面点击实体链接无法到实体类： window-preferences-file associatior,然后找到\.xml,如果没有就点击右侧add添加\.xml

比眉伴天荒/ 2022年05月03日 12:28/ 0 赞/ 196 阅读

相关配置Eclipse编写HTML/JS/CSS/JSP页面的自动提示。

[https://www.cnblogs.com/wenxiangchen/p/5829327.html][https_www.cnblogs.com_wenxiangchen

心已赠人/ 2022年04月16日 06:53/ 0 赞/ 169 阅读

相关 eclipse che编辑器使用

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 简介： Eclipse Che 是一个高性能的基于浏览器

逃离我推掉我的手/ 2022年01月16日 05:11/ 0 赞/ 225 阅读