PhoneGap中文网

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

ionic 中 .bar 将元素声明为屏幕上绝对定位的块状区域,具有 固定的高度(44px) ...

2015-4-8 12:36| 发布者: admin| 查看: 4733| 评论: 0

摘要: 定高条块:.bar样式.bar将元素声明为屏幕上绝对定位的块状区域,具有 固定的高度(44px):any class="bar".../any一旦元素应用了.bar样式,就可以继续选用两类预定义样式来进一步 声明元素及其内容的外观:同级样式 ...

定高条块:.bar

样式.bar将元素声明为屏幕上绝对定位块状区域,具有 固定的高度(44px):

  1. <any class="bar">...</any>

一旦元素应用了.bar样式,就可以继续选用两类预定义样式来进一步 声明元素及其内容的外观:

  1. 同级样式 - 同级样式与.bar应用在同一元素上,声明元素的位置、配色等。
  2. 下级样式 - 下级样式只能应用在.bar的子元素上,声明子元素的大小等特征。

.bar



<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
<link rel="stylesheet" type="text/css" href="ionic.min.css">
</head>
<body>
<div class="bar bar-header bar-positive">
<h1 class="title">.bar .bar-header</h1>
</div>
<div class="bar ez-bar bar-calm">
<h1 class="title">.bar .ez-bar</h1>
</div>
<div class="bar bar-footer bar-royal">
<h1 class="title">.bar .bar-footer</h1>
</div>
</body>
</html>


头晕

难过

扯淡

不解

搞笑

支持

超赞

欠扁

相关阅读

最新评论

关闭

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

ionic4视频教程

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

GMT+8, 2024-4-28 10:40 , Processed in 0.037155 second(s), 22 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部