ExtJS 是一種廣泛使用的 JavaScript 框架，用于開發 Web 應用程序。該框架提供了許多 UI 組件，可以輕松創建各種功能強大且外觀漂亮的應用程序。

在使用 ExtJS 開發應用程序時，CSS 是非常重要的一部分。CSS 允許我們對應用程序的外觀進行精細調整，以提供更好的用戶體驗。選擇正確的 CSS 樣式可以讓應用程序看起來更加現代化。

要使用 CSS 樣式，我們可以在 ExtJS 中使用兩種不同的技術：內聯樣式和外部樣式文件。在內聯樣式中，我們將樣式信息直接嵌入到 HTML 或 JavaScript 代碼中。在外部樣式文件中，我們將樣式寫在單獨的 CSS 文件中，然后在 HTML 頁面中以引用文件的方式加載。

// 內聯樣式示例
var panel = Ext.create('Ext.panel.Panel', {
title: 'Home Page',
html: '
This is the home page content.
',
width: 500,
height: 300
});
// 外部樣式示例
Ext.create('Ext.panel.Panel', {
title: 'Home Page',
html: '
This is the home page content.
',
width: 500,
height: 300
});

在上面的示例中，我們使用內聯樣式設置了 home page 內容的字體顏色和大小。現在，我們將使用外部樣式文件，其中包含了所有需要的 CSS 樣式。我們可以在應用程序的 HTML 文件中添加以下代碼：

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

在上面的代碼中，我們使用 link 元素引用了一個名為 styles.css 的外部樣式文件。在這個 CSS 文件中，我們可以將所有的樣式信息寫在一起，然后在應用程序中使用它們。

// styles.css 文件示例
.home-page-content {
color: #333;
font-size: 16px;
}

在上面的示例中，我們定義了一個名為 home-page-content 的 CSS 類，它包含了我們想要應用于 home page 內容的樣式信息。現在，當我們在應用程序中使用這個 CSS 規則時，它會自動應用于所有使用該類的元素。