开始使用
最后更新于：2022-04-01 22:20:36
# 开始使用
熟悉 UIkit 的基本组织结构。
注意 文档中的示例代码不具备可操作性，请随时右键查看源代码，以参考实例真实代码。
UIkit 兼容 IE9 以上现代浏览器。在 IE8 及其以下版本中，所有JavaScript 都会失效。
首先，你需要下载 UIkit。在 [GitHub](https://github.com/uikit/uikit) 上，你可以找到整个项目的所有源文件。
[下载 UIkit](../download/uikit-2.25.0.zip) [下载离线文档](../download/uikit-doc-2.25.0.zip)
* * *
## 文件结构
在你下载的 ZIP 压缩包中，你可以找到准备在你的项目中使用的所有的CSS、JavaScript和字体文件。UIKit 的核心框架`uikit.css` 或 `uikit.min.css`几乎没有任何样式，这样做是为了保持它的苗条。因此我们提供两个额外的风格样式，一个渐变样式和一个扁平化样式。每个风格样式提供单独的CSS文件以及压缩后的版本。
| 文件夹 | 描述 |
| --- | --- |
| `/css` | 包含 UIkit 所有的CSS文件和压缩后的版本。 |
| `/fonts` | 包含 UIKit 中使用的字体文件。 |
| `/js` | 包含 UIkit 所有的JavaScript文件和压缩后的版本。 |
```
/css
uikit.css
uikit.min.css
uikit.gradient.css
uikit.gradient.min.css
uikit.almost-flat.css
uikit.almost-flat.min.css
/components
/fonts
fontawesome-webfont.eot
fontawesome-webfont.ttf
fontawesome-webfont.woff
FontAwesome.otf
/js
uikit.js
uikit.min.js
/components
/core
```
* * *
## HTML页面代码
首先，确保你有一个可靠的代码编辑器，比如 [Sublime Text 2](http://www.sublimetext.com/2)。你需要在你的HTML5的文档头部添加编译后的UIKit CSS和JavaScript文件，最好是压缩后的版本。别忘了添加 [jQuery](http://jquery.com/)。就是这样！
### Example
```
';