小程序作為一項新興技術，已經得到了廣泛的應用，而對于小程序的樣式設計來說，CSS是非常重要的一部分。然而，小程序默認情況下只支持單個頁面內嵌樣式，如果需要使用外部CSS，則需要通過特殊的方法來實現。下面介紹如何在小程序中調用外部CSS文件。

首先，在小程序的頁面中，我們可以通過使用Page()方法來創建一個頁面對象。

Page({
data: {
message: "Hello, World!"
}
})

創建好頁面對象之后，我們需要在該頁面的JSON配置文件中進行配置。在這個文件中，我們需要將usingComponents選項設為true。

{
"usingComponents": true
}

接下來，我們在外部CSS文件中定義需要使用的樣式，保存成.css文件。在小程序開發工具中，我們需要將這個CSS文件存放在小程序項目的根目錄下面，即與app.json文件同級。

在小程序的頁面中，我們可以通過使用Component()方法來創建一個組件對象。在這個組件對象中，我們可以指定需要引入的CSS文件，如下所示：

Component({
options: {
styleIsolation: 'apply-shared',
addGlobalClass: true
},
externalClasses: ['custom-class'],
properties: {
message: String
}
})

在options選項中，我們需要將styleIsolation設為'apply-shared'，以便允許組件共享樣式。此外，我們還可以通過addGlobalClass選項來指定組件是否可以使用全局樣式。（注：如果是進行顏色等樣式的重復使用，我們非常建議將這些樣式定義成全局樣式）

在externalClasses選項中，我們可以通過定義一個數組來指定需要引入的CSS文件，如 'custom-class'。

最后，我們在小程序頁面的wxml文件中，可以通過引用CSS定義好的 'custom-class' 類來使用外部CSS，如下所示：

'{{message}}'

上述代碼中的 view 標簽需要為組件中定義的 message 屬性進行數據綁定。

以上就是小程序調用外部CSS的方法，總結一下，可以通過在頁面的JSON文件中設定usingComponents選項為true，配置組件對象以允許共享樣式，并在wxml文件中使用已定義好的類名來引用外部CSS。這樣，我們就可以更加方便地實現小程序的樣式設計。