一般来说，在开发应用程序时，我们将大部分时间花在技术方面，以满足业务用户的需求。但是要使一个应用程序具有吸引力，花时间在它的视觉方面也是很重要的。公司通常定义必须遵守的视觉章程。为了满足这一限制，您现在可以在Analytics Designer中使用层叠样式表技术

在本博客中，我将向您展示如何使用CSS代码来修饰您的应用程序。

在Analytics Designer中，人工智能龙头企业，有两种方法可以设置应用程序的样式。您可以在Analytics Designer中创建主题并将其应用于任何应用程序。这个过程非常简单，通信云，因为您有一个图形界面，物联网应用技术是什么，可以为每个小部件选择它们的样式属性

如果您只想更改小部件的基本属性，这是一个很好的样式设置方法。

现在如果您需要以更复杂的方式设置应用程序的样式，那么您可以添加CSS代码。这将允许您访问更多样式属性。为了向您展示它是如何工作的，我将从一个简单的应用程序开始，它包含几个图表、一个表格、一条过滤线、一个标题和一个形状。

正如您所看到的，灯光主题是默认应用的。在我的情况下，我想有一个黑暗的主题。

因为我想要一个黑暗的主题，我想改变应用程序的背景色。为此，您需要编辑应用程序CSS。在这个CSS文件中，您可以查看所有支持的类名和每种类型的小部件和弹出窗口的属性

首先，我声明了一个新的自定义CSS类"my theme"，并更改了background color属性。

要应用在我的应用程序CSS中定义的CSS类，我将"my theme"类声明为画布的"全局默认类名"。之后，所有小部件、弹出窗口和画布将自动应用与此特定自定义类名对应的CSS设置。

为了使不同的小部件与黑暗主题兼容，我需要更改小部件的一些样式属性。基本上，我必须将文本颜色更改为白色，并修改文本和形状小部件的背景色

这里是应用程序CSS中脚本编辑器主体中的CSS代码

脚本通常由自定义类名、CSS选择器元素、属性和伪代码组成。

这是结果。

我可以更改鼠标光标悬停时图表的轴标签的默认样式。我希望它们变成黄色，风格大胆。为此，靠谱云服务器，我需要使用与".sap custom chart category axis label"类关联的伪"hover"。

我还可以使用第n个child（n）伪值高亮显示表中的特定行。在我的例子中，我用灰色突出显示与产品"黑啤酒"

相对应的子级7，以了解哪个类支持伪引用应用程序CSS脚本编辑器。如果您选择一个小部件，您将看到哪个类支持伪。

您可以在小部件级别定义一个CSS类。例如，我可以在这个小部件的样式面板中为我的表定义一个CSS类。

通过在我的应用程序CSS中添加以下代码，我更改了我的表的背景色。

到目前为止，我们已经看到了如何在设计时定义CSS类，但是我们也可以在运行时定义它。

假设我想对结果有一个概述我想显示毛利率（在我的第一个数字点图表）绿色，如果值大于3000000美元和红色，如果值小于10000美元

在应用程序CSS中，我定义了两个新类"我的主题数字点正"和"我的主题数字点负"，我设置了一些属性：标题颜色、副标题颜色和值颜色。

我可以使用filterline小部件对经理的姓名进行过滤，从而查看经理的结果。为了设计我的结果，我需要在运行时为NumericPoint\u 1小部件分配一个CSS类。

例如，我可以查看Kiran Raj和Ed Young的结果

为此，我在NumericPoint\u 1小部件的"OnResultChanged"事件中使用setCssClas（）方法。在这里，widget-specific类覆盖了全局"我的主题"类并生效。

正如我们在这篇博文的开头所看到的，你可以通过应用主题来设计你的应用程序，但有一定的限制。为了摆脱这些限制，大数据有什么用，可以向主题添加CSS代码。CSS代码将是主题的一部分。

要做到这一点，您需要启用主题CSS并加载应用程序CSS

此时您可能想知道不同样式之间的优先级规则是什么？

答案如下：优先级顺序

在这篇博文中，我们学习了如何使用CSS代码为应用程序创建新样式。与自定义主题相比，它为您的造型带来了更多的灵活性。样式符合CSS标准，不再局限于Analytics Designer提供的现有样式属性。最重要的是，你可以结合主题和CSS。现在由你来设计漂亮的应用程序！！