Question

用到的名词，如果有更合适的请联系我：

• grid system 格子系统

到目前为止，我们知道了什么是 Ionic，在移动混合应用开发的大舞台上他适合做什么。我们也了解了两种搭建 Ionic app 的方法：Ionic CLI 与 generator-ionic。 本章，我们将学习 Ionic CSS 组件，Ionic 格子系统，以及 Ionic 状态路由。我们将要使用丰富多彩的 Ionic 组件来创建优秀用户体验的 app。

本章将要涵盖的范围：

• Ionic 格子系统
• 丰富的 CSS 组件
• 整合 Ionic CSS 组件与 AngularJS
• Ionic 状态路由器

  可以通过 Github 地址获得本章源代码，发起 issue，以及与作者沟通，地址是： https://github.com/learning-ionic/Chapter-3

Ionic CSS 组件

Ionic 是一个强力的移动 CSS 框架与一系列牛逼的 AngularJS 指令与服务的组合。有了这些，任何想法投入市场需要的时间极大的缩小了。 Ionic CSS 框架包含了创建一个 app 所需要的绝大部分组件。
为测试驱动 CSS 组件的可用性，我们将搭建一个空白的启动版本，然后添加 Ionic 组件。
开始搭建之前，新建一个文件夹名为 chapter3 ，本章的所有范例都将在此文件夹下搭建。

本章中，我们每个组件建立一个 app 以便更好的理解。当然，如果你想要只用一个 app 也是可以的。

新建一个空白 app 的命令如下：

ionic start -a "Example 5" -i app.example.five example5 blank