ionic-CSS布局1_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Release： 2016-06-21 09:04:42

Original

1161 people have browsed it

ionic css布局实例1:

基本布局：标题/header、内容/content 和页脚/footer。

bar.bar-header - 声明元素为标题区
.bar.bar-footer - 声明元素为底部
.content . scroll-content- 声明元素为内容区

<!DOCTYPE html><html><head><title>ionic-CSS布局1</title>    <meta charset="UTF-8"><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="../../lib/css/ionic.min.css"></head><body><div class="bar bar-header bar-dark"><h1 class="title">Header</h1></div><div class="scroll-content has-header"><h1 class="title">Content</h1></div><div class="bar bar-footer bar-calm"><h1 class="title">Footer</h1></div></body></html>

Copy after login

Related labels：

ionic-CSS布局1

source：php.cn

Previous article：CSS实现单行、多行文本溢出显示省略号（…）_html/css_WEB-ITnose Next article：关于javaWeb项目中，css外部样式绝对路径和相对路径的问题_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn