Home >Web Front-end >HTML Tutorial >ionic-CSS布局1_html/css_WEB-ITnose
ionic-CSS布局1_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:04:421151browse
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>
Statement：
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
Previous article：CSS实现单行、多行文本溢出显示省略号（…）_html/css_WEB-ITnoseNext article：关于javaWeb项目中，css外部样式绝对路径和相对路径的问题_html/css_WEB-ITnose