针对移动端的应用，卡片会根据屏幕大小自适应大小,甚至还可以有动画效果.卡片通常被放在在另一个之上, 但它们也可以被当做"页"来使用,像左滑,右滑.
卡片(card)默认样式带有box-shadow(阴影)，由于性能的原因，和他类似的元素像 list list-inset 并没有阴影。 如果你有很多的卡片，每个卡片都有很多子元素，建议使用内嵌列表 inset lists 。
我们可以通过添加 item-divider 类为卡片添加头部与底部： 添加带 item-divider
类的 card
的元素在内容区域的上方或者下方.
使用 list card 类来设置卡片列表：
卡片中使用图片，效果会更好，实例如下：
以下实例中使用几种不同的选项的卡片展现方式。 开始使用了 list card 元素，并使用了 item-avatar , item-body 元素用于展示图片和文本信息，底部使用 item-divider 类。
1.page.html文件里写ionic提供的控件，比如：ion-header,ion-content, ion-title,ion-toobar,经管如此，有时候满足不了项目的界面，我们需要结合HTML的基本命令来完成设计，比如：div，p， img，a，等。2.scss使用经验：每个页面都有自己的scss文件，我在使用时，发现几个页面的css定义会影响，就是页面2可以用页面1的css定义造成干扰的现象，后来发现，每个scss文件里有个页面定义，我们只要把当前页面的css定义放在这个页面定义就行，实现了css分离。（）本人刚学习网页编程，一切都在探索中）。示例如下：
age-page3 {
.page {
display: flex
align-items: center
text-align: center
margin: 0 auto
height: 100%
ackground-color: #abaaaa
adding-top: 5px
adding-bottom: 5px
// margin-top: 2px
这个page属性就放在了page-page3的大括号里面，保证了这个css定义只影响当前页面。
