Materialize CSS 安装

17 Mar 2025 | 阅读 2 分钟

有两种方法可以安装和使用 Materialize CSS。

本地安装: 您可以通过在本地系统上下载 materialize.min.css 和 materialize.min.js 文件,并将其包含在您的 HTML 代码中使用 Materialize CSS。

基于 CDN 的版本: 您可以通过直接从内容分发网络 (CDN) 将 materialize.min.css 和 materialize.min.js 文件包含到您的 HTML 代码中使用 Materialize CSS。


如何使用本地安装

步骤 1: 访问 https://materialize.node.org.cn/getting-started.html 下载最新的可用版本。

Materialize CSS Installation 1
Materialize CSS Installation 2

步骤 2: 将下载的 materialize.min.js 文件放入您网站的目录中,例如 /js,并将 materialize.min.css 放入 /css 中。

示例

立即测试

如何使用基于 CDN 的版本

直接从内容分发网络 (CDN) 将 materialize.min.js 和 materialize.min.css 文件包含到您的 HTML 代码中。 cdnjs.cloudflare.com 提供了最新版本的内容。

示例

让我们使用来自 cdnjs.cloudflare.com CDN 的 materialize.min.css 和 materialize.min.js 来重写以上示例。

立即测试

它将显示相同的结果。