jQuery UI - 要包含哪些 CSS？

Question

jQuery UI 的文档在谈到您实际需要的 CSS 时可能会非常混乱，我看到有些人宁愿只包含所有内容。

如果我下载了 jQuery UI：

1. 我需要包含哪些 CSS？
2. 哪个是哪个？

Answer 1

包含所有 CSS 都可以，但这是错误的方法...
此答案与 jQuery UI 的当前最新稳定版本有关：1.11.4。

你需要什么 CSS

这取决于您希望如何构建/拆分 CSS 逻辑，以及您是要使用
完整包还是仅使用部分组件。

使用全包

只有一个 CSS：

只包含jquery-ui CSS 的生产版本

快速回答：jquery-ui.min.css

此文件同时包含：
- 结构（让 jQuery UI 正常工作）
- 主题 CSS（让 jQuery UI 看起来更好:)）。

独立的结构和风格

不要包含jquery-ui CSS！
为结构和主题包括单独的（生产）文件，例如：
jquery-ui.structure.min.css 和 jquery-ui.theme.min.css - 按此顺序！

如果您根本不想包含主题，只需包含jquery-ui.structure 的生产版本...

---

仅使用某些部分

如果您担心性能/负载，您可能只选择了 jQuery UI 的某些部分，很可能您可以通过以下方式之一来完成...

下载生成器

如果您已经通过Download Builder 准备了您的 jQuery UI 文件，则说明与 使用完整包 的说明相同（见上文）。

核心与组件

如果您已下载核心和组件，请首先包含核心 CSS 的生产版本，例如：
core.min.css
然后以 顺序 包含其他 CSS，依赖项位于依赖项之前。
作为最后，包括主题的生产 CSS。