html5新元素分栏设计
来源:互联网 发布:外汇交易员的一天知乎 编辑:程序博客网 时间:2024/05/16 08:33
1:
设计师通常对页面进行如下规划
上部分:显示导航
中部分:又分为2个部分,左边设置菜单,右边显示文本内容
下部分:显示页面版权信息
<style type="text/css">
header,nav,article,footer{border:#F00 dashed 2px;padding:5px}
header{width:500px}
nav{float:left;width:60px;height:100px }
article{float:left;width:428px;height:100px}
footer{clear:both;width:500px}
</style>
<body>
<header class="bgColor">头部</header>
<nav>菜单部分</nav>
<article>内容部分</article>
<footer>底部说明</footer>
</body>
设计师通常对页面进行如下规划
上部分:显示导航
中部分:又分为2个部分,左边设置菜单,右边显示文本内容
下部分:显示页面版权信息
<style type="text/css">
header,nav,article,footer{border:#F00 dashed 2px;padding:5px}
header{width:500px}
nav{float:left;width:60px;height:100px }
article{float:left;width:428px;height:100px}
footer{clear:both;width:500px}
</style>
<body>
<header class="bgColor">头部</header>
<nav>菜单部分</nav>
<article>内容部分</article>
<footer>底部说明</footer>
</body>
0 0
- html5新元素分栏设计
- HTML5新元素
- HTML5新元素
- HTML5新元素
- HTML5 新元素
- HTML5 新元素
- HTML5 新元素
- HTML5 新元素
- html5新元素
- HTML5新元素
- HTML5 - 存储和新元素
- HTML5 新元素列表
- HTML5初窥2---新元素
- HTML5新元素总结
- HTML5新元素及其特性
- HTML5新元素及其特性
- HTML5新元素canvas详解
- html5 新元素和Canvas
- 期望&概率dp总结
- 2016总结及2017展望
- H5基础
- 为腾讯云服务器搭建lnmp环境
- 终极扫盲贴:VR、AR、MR、CR区别到底在哪?
- html5新元素分栏设计
- hdu 3533 secape
- bootbox.js官方文档中文版
- hibernate 抛出could not fetch initial value for increment generator
- nodejs npm install全局安装和本地安装的区别
- javax.mail 处理邮件时由于content-type内容不合标准引起的错误
- 博客简介
- C#语言写微信小程序之visual studio+微信开发者工具写一个简单的微信小程序
- C#自定义链表