`
kanpiaoxue
  • 浏览: 1782047 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

birt的CSS样式应用

    博客分类:
  • birt
 
阅读更多

birt的CSS样式应用:

注意,只能应用于一般HTML的元素,birt的chart(图表)不支持CSS样式,只能手动编辑

birt是快速开发定制报表的工具,在一般的企业应用中,需要做到一定的美观。为了方便管理样式,采用统一的CSS样式表。

CSS规则如下:

1、birt的CSS样式表内容,只能为自定义的类,如:

.grid-header{

    font-size:12px;

    font-weight:bold;

    color:blue;

}

table{ /* 错误:birt只允许使用自定义的样式类*/

font-size:12px;

}

2、birt的CSS样式表内容,不能含有下划线"_"标识符,否则报错。

步骤如下:

a、建立一个CSS样式文件,打开eclipse的birt设计器

b、新建一个new_report.rptdesing文件

c、点击:Outline面板,右键Style,出现右键功能菜单

d、点击Import CSS Style... 选项,输入File Name。这时birt设计器会解析CSS样式表,把可用的样式表内容显示在面板里面

e、选择需要的CSS样式。点击 Finish(完成)

f、选择一个Grid的元素,点击Property Editor(属性编辑器)的style(样式)下拉框,选择定义好的样式。

 

 

这样,就可以应用CSS样式了。

 

分享到:
评论

相关推荐

    用html做Flappy bird

    2. **CSS样式与动画**: CSS(Cascading Style Sheets)用于美化HTML元素。在Flappy Bird中,我们可以利用CSS设置背景颜色、元素大小、位置,以及实现小鸟飞行和管道移动的动画效果。通过改变元素的`top`或`left`...

    html5 FlappyBird手机游戏源码下载

    CSS3(层叠样式表第三版)在Flappy Bird中虽然不是主要部分,但也有一定的应用,如设置元素的样式、布局和动画效果,使游戏界面更具吸引力。例如,游戏界面的背景颜色、小鸟的旋转动画等,都可通过CSS3来实现。 ...

    html 飞翔的小鸟(Flappy Bird)小游戏

    HTML5飞翔的小鸟(Flappy Bird)小游戏是一款基于网页的简单娱乐应用,利用HTML、CSS和JavaScript技术实现。这个游戏以其简洁的界面和极高的挑战性在2013年推出后迅速走红。在这个游戏中,玩家需要通过点击屏幕控制...

    CSS3卡通小鸟头像旋转动画特效.zip

    这个特效是通过JavaScript和CSS样式相结合,当鼠标悬停在小鸟头像上时,头像会进行平滑的3D旋转,提供一种生动有趣的用户体验。 首先,CSS3的`transform`属性是实现动态效果的关键。它允许我们对元素应用2D或3D转换...

    canvas-flappybird

    本项目"canvas-flappybird"就是利用canvas来实现经典游戏Flappy Bird的实例,展示了canvas在游戏开发中的应用。 Flappy Bird是一款简单却极具挑战性的手机游戏,玩家通过控制小鸟飞行,穿越不断出现的管状障碍。在...

    html5 纯css3小鸟飞动效果

    CSS3则是层叠样式表的第三个版本,它带来了许多新特性,如选择器扩展、过渡(transitions)、动画(animations)以及新的布局模式等。在创建小鸟飞动效果时,CSS3的动画功能将发挥关键作用。我们可以定义关键帧...

    flappy-bird:HTMLCSSJS制作的非常烦人的游戏“ FLAPPY BIRD”

    总的来说,通过这个项目,我们可以了解到HTML、CSS和JavaScript在游戏开发中的应用,理解它们如何协同工作,创造出互动性和视觉效果俱佳的游戏体验。这对于想要学习前端开发或者游戏开发的人来说,是一个很好的实践...

    css3卡通房子店铺图形动画特效

    在IT行业中,CSS3是一种强大的样式表语言,用于定义网页的布局、颜色、字体、动画以及其他视觉效果。在这个“css3卡通房子店铺图形动画特效”项目中,开发者利用CSS3的特性创建了一个生动有趣的场景,其中包括了店铺...

    css-bird:分析CSS源代码-css source code

    为了使用“CSS鸟”,开发者首先需要下载提供的压缩包“css-bird-master”,解压后按照项目文档的指示进行安装和运行。通常,这涉及克隆Git仓库、安装依赖项,并通过命令行工具启动应用。在使用过程中,开发者可以...

    HTML5 flappy bird(飞扬的小鸟)像素鸟源码

    CSS3则用于游戏的样式和布局,使游戏界面更加吸引人。例如,通过使用动画效果,可以实现小鸟飞行时翅膀的摆动,或者管道的滚动效果。CSS3的媒体查询还可以确保游戏在不同设备和屏幕尺寸上都能正常显示。 JavaScript...

    html5网页版flappy bird

    CSS用于设置游戏界面的样式,包括背景颜色、元素大小、位置等。通过CSS3,开发者还可以添加动画效果,如小鸟的飞行动画、管道的滚动动画,提高游戏的视觉吸引力。 此外,考虑到不同设备的兼容性,开发者可能使用...

    奇葩版Flappy Bird游戏源代码

    其次,CSS3用于控制游戏界面的样式和布局,包括背景颜色、元素大小、位置等。通过CSS3,开发者可以创建出具有视觉吸引力的游戏界面,使游戏更具吸引力。 再者,JavaScript是游戏的核心部分,它负责处理游戏逻辑。在...

    my-thunderbird-userchrome:黑暗最小的雷鸟 userchrome.css

    `userchrome.css`是Thunderbird中的一个重要文件,它允许用户对应用程序的界面外观进行定制。在Thunderbird的安装目录下,通常可以在`chrome`文件夹内找到这个文件。通过编辑`userchrome.css`,用户可以添加自己的...

    flappy bird压扁小鸟小游戏.zip

    在实际的项目中,开发者通常会将不同的代码和资源文件进行分类管理,例如将HTML结构、CSS样式和JavaScript逻辑分开存储。在这个游戏里,JavaScript文件可能会包含游戏的主要逻辑,而其他文件可能是图像资源、音频...

    Flappybird经典小游戏小鸟得游戏源码js版本

    CSS则负责游戏的样式和视觉效果。通过CSS,我们可以设置游戏元素的颜色、大小、位置,以及动画效果。例如,小鸟的上下飞行动画、管道的滚动效果,以及游戏失败时的提示信息等,都是通过CSS来实现的。 回到...

    css实用文档,非常详细,有真正价值

    1. **层叠**:CSS中的"层叠"意味着当多个样式规则应用于同一元素时,会根据特定的层叠级别来决定哪个规则生效。 2. **选择器**:选择器是CSS用来定位HTML或XML文档中元素的方式,如标签选择器(`p`),类选择器(`....

    jQuery CSS3小鸟飞翔动画特效.zip

    2. **CSS样式**:接下来,我们需要为小鸟元素编写CSS样式,包括基础样式和动画样式。基础样式设定小鸟的形状、颜色等视觉特性;而动画样式则使用`@keyframes`规则定义动画过程,包括起飞、飞翔和降落的动作。例如: ...

    纯css3绘制飞翔的鲸鱼和小鸟动画特效

    在IT行业中,CSS3是一种强大的样式表语言,用于描述HTML或XML(包括SVG、MathML等各种XML方言)文档的呈现。随着技术的发展,CSS3引入了许多新的特性和功能,其中包括了丰富的动画效果。本主题“纯css3绘制飞翔的...

    jQuery+CSS3小鸟飞翔动画代码

    CSS3,另一方面,是CSS(层叠样式表)的最新版本,提供了许多新的功能和属性,如选择器、边框、背景、文字效果以及最重要的——动画。在本案例中,CSS3的`@keyframes`规则被用来定义动画的过程,从一个状态平滑地...

    CSS3实现的卡通小鸟头像旋转动画特效源码.zip

    CSS3是 Cascading Style Sheets(层叠样式表)的第三个主要版本,它为网页设计带来了许多新的特性和功能,包括丰富的动画效果。下面将详细探讨CSS3在创建这种动画效果中的应用。 首先,CSS3的`@keyframes`规则是...

Global site tag (gtag.js) - Google Analytics