在Eclipse中使用HTML5 CSS

Question

我是SAPUI5的初学者。 我正在Eclipse中使用HTML5构建SAPUI5应用程序。 在index.html页面中，我正在创建html5页面，在WebContent下创建了css文件夹。 在index.html中，我添加了引用CSS文件的功能。 但是CSS中的属性不会影响html页面。 我是否需要添加任何其他代码来引用CSS文件。

CSS：

@CHARSET "ISO-8859-1";
body {
background-image: "image/splash-sunrise.jpg";
background-size: 100px 100px; 
background-repeat:no-repeat; 
}

Answer 1

要在SAPUI5环境中使用CSS，您应该将控件链接到特定的CSS类。 您可以这样做：

var myButton = new sap.m.Button();
myButton.addStyleClass("myButtonStyle");

您的CSS可能如下所示：

@CHARSET "ISO-8859-1";

.myButtonStyle {
    color:#FFCCDD;
}

确保将CSS文件加载到应用程序中，例如在html文件中加载以下文件：

<link href="css/style.css" type="text/css" rel="stylesheet" />

当然，您也可以在整个页面上使用它。 根据您的需要，您还可以查看一下App控件，如果您使用的是移动控件，该控件提供了一些用于背景图像的实用程序。