常用的DIV+CSS的基本框架结构但不推荐都放一个div里
2007-09-11 00:00
816 查看
常用的DIV+CSS的基本框架结构但不推荐都放一个div里
css样式代码:
程序代码
html代码
css样式代码:
程序代码
/*---全局样式---*/ * { margin:0px; padding:0px;} body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;background:#fff;} /*---主体样式---*/ #container {} .clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} /*---顶部样式---*/ #header {} /*---中间样式---*/ #mainContent {} #sidebar {} #content{} /*--底部样式---*/ #footer {}
html代码
<div id="container"> <!--头部样式--> <div id="header"> <div id="header_left">header_left</div> <div id="header_right">header_right</div> </div><!--header:end--> <br class="clearfloat" /><!-- 用于清除浮动的元素,强制包含所有的子浮动 --> <div id="mainContent"> <div id="sidebar"> 侧边栏 </div><!--sidebar:end--> <div id="content"> 主体内容 </div><!--content:end--> </div><!--mainContent:end--> <br class="clearfloat" /><!-- 用于清除浮动的元素,强制包含所有的子浮动 --> <div id="footer"> 底部 </div><!--footer:end--> </div><!--container:end-->
相关文章推荐
- 常用的DIV+CSS的基本框架结构但不推荐都放一个div里
- 常用的DIV+CSS网站布局的基本框架结构-完整版
- 常用的DIV+CSS网站布局的基本框架结构-完整版
- css+div布局----典型布局基本框架
- div+css的基本 常用到语法(一) 。
- 推荐一个 CSS 框架 Lovely CSS
- 推荐一个免费提供div+css网站模板的站点
- 一个CSS上中下三行三列结构的Div布局
- 一个CSS上中下三行三列结构的Div布局
- 常用div+css三列布局结构与样式(一)
- 一个CSS上中下三行三列结构的Div布局
- web开发 HTML/CSS基本框架结构讲解
- 利用css+div 做一个简单居中结构
- 使用CSS和HTML编写一个基本的Web框架
- 一个CSS上中下三行三列结构的Div布局
- Android工程目录结构及基本常用框架
- CSS+DIV常用基本网页布局实例
- DIV+CSS写网站基本框架总结
- CSS网页实例 利用box-sizing实现div仿框架结构实现代码
- 利用DIV+CSS制作网页过程中常用的基本概念及标签使用细节