PhoneGap中文网

 找回密码
 立即注册
PhoneGap中文网 视频教程 ionic 教程 查看内容

ionic中的CSS样式如何修改

2015-3-30 12:32| 发布者: admin| 查看: 14263| 评论: 0

摘要: ionic中的CSS样式如何修改?如果你对AngularJS这样的东西不感兴趣,可以只使用ionic的CSS框架:直接在HTML中引入 ionic.css就可以了。 ionic的CSS框架主要提供预定义的CSS类,来帮助我们快速构建适用于手机端的UI。 ...

ionic中的CSS样式如何修改?


如果你对AngularJS这样的东西不感兴趣,可以只使用ionic的CSS框架:直接在HTML中引入 ionic.css就可以了。

ionic的CSS框架主要提供预定义的CSS类,来帮助我们快速构建适用于手机端的UI。 ionic的预定义CSS类主要分四个方面:

  • 基本布局类

ionic将手机页面的布局模式基本抽象为三块:头、内容、尾。基本布局类提供了 这几个区域的CSS类。

  • 颜色和图标类

ionic定义了几个配色方案CSS类,并使用ionicons提供的字体图标类。

  • 界面组件类

ionic定义了丰富的界面组件CSS类,让HTML元素看起来像移动平台的UI组件。

  • 栅格系统类

和Bootstrap一样,ionic也提供了栅格系统。不过ionic的实现是基于CSS3的FlexBox 模型,更为灵活。


头晕

难过

扯淡

不解

搞笑

支持

超赞
3

欠扁

刚表态过的朋友 (3 人)

相关阅读

最新评论

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-29 00:48 , Processed in 0.029744 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部