在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控件，如果您使用的是移動控件，該控件提供了一些用於背景圖像的實用程序。