您现在的位置是:网站首页> 编程资料编程资料
简述Eclipse中的CSS编辑器使用 CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
2021-09-05
926人已围观
简介 这篇文章主要介绍了Eclipse中的CSS编辑器使用,Eclipse特别在Linux工作环境下作为高人气的IDE,集成的CSS相关编辑功能也趋于简洁,需要的朋友可以参考下
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。
修改你自已的风格样式单
你可以通过在General>Appearance Perference页面编辑风格样式单自定义一些新的外观。
移除自定义样式
使用Restore Defaults按钮可以移除所有你已经添加到样式单的自定义的样式,并且重置为plugins/org.eclipse.platform所定义的一般的状态。
切换到单编辑器标签模式
你可以通过添加以下的CSS从而切换到单编辑器标签模式
- #org-eclipse-ui-editorss CTabFolder.MPartStack {
- swt-single: true;
- }
切换 tab 样式
经典的主题支持 2.1 和 3.x 风格的 tab,你可编辑 .MPartStack 中的 swt-simple 属性进行修改,前提是 swt-tab-renderer 设置为 null.
- .MPartStack {
- swt-tab-renderer: null;
- swt-selected-tabs-background: #FFFFFF #ECE9D8 100%;
- swt-simple: true;
- swt-mru-visible: true;
- }
减小 tab 的字体大小
- .MPartStack {
- font-size: 9;
- swt-simple: false;
- swt-mru-visible: false;
- }
相关内容
- 10个必备的CSS技巧总结简要总结CSS编程中的响应式设计CSS的一些编程规范总结CSS清除浮动方法总结css 调试方法与经验总结CSS多浏览器兼容总结(个人经验)CSS样式的基础学习总结深入CSS3 动画效果的总结详解IE下css常见问题总结及解决CSS(Cascading Style Sheet)级联样式表常用术语总结CSS学习总结
- 深入探究CSS中Animations和Transitions的工作原理使用CSS transition和animation改变渐变状态的实现方法CSS3与动画有关的属性transition、animation、transform对比(史上最全CSS3中动画属性transform、transition和animation属性的区别CSS3中的Transition过度与Animation动画属性使用要点CSS3的transition和animation的用法实例介绍
- 在浏览器加载CSS 时防止影响页面渲染的方法 关于游览器对CSS的渲染渲染CSS选择器CSS渲染速度改善的十个方法与建议
- 使用CSS实现outline切换的动画效果利用CSS3实现圆角的outline效果的教程css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器CSS教程:text-indent隐藏文字出现虚线框outline-CSS教程-网页制作-网页CSS轮廓outline的具体使用
- CSS实现定位元素居中的方法css 不定宽高的元素居中布局解决方案CSS实现元素居中原理解析浅谈css元素居中CSS元素居中布局的简单方法html元素水平居中、垂直居中、水平垂直居中于其父级元素的方法css控制div中元素居中的示例css实现元素居中的N种方法
- 利用CSS3实现文本框的清除按钮相关的一些效果css3中transform属性实现的4种功能详解CSS3.0(Cascading Style Sheet) 层叠级联样式表纯CSS3实现div按照顺序出入效果CSS3实现列表无限滚动/轮播效果css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效CSS3实现的侧滑菜单CSS3实现的3D隧道效果用CSS3画一个爱心css3 实现文字闪烁效果的三种方式示例代码六种css3实现的边框过渡效果
- 使用CSS3制作饼状旋转载入效果的实例
- 详解CSS中clear:left/right的用法使用CSS3制作响应式导航菜单的方法CSS中使用clearfix清除浮动的方法CSS clear属性给float带来哪些影响css的border和clear属性使用方法和示例css浮动(float/clear)使用讲解css中的clear属性使用方法实例介绍浅谈CSS中的clear清除浮动
- 举例详解CSS中的cursor属性CSS中cursor属性的鼠标样式明细css cursor 的可选值(鼠标的各种样式)CSS cursor 属性 -- 鼠标指针样式效果
- CSS设计之页面滚动条出现时防止页面跳动的方法前端页面弹框遮罩禁止页面滚动使用overflow: hidden来禁用页面滚动条纯css 实现footer 一直在页面底部,不随页面滚动HTML页面滚动时部分内容位置固定不滚动的实现