码迷,mamicode.com
首页 > Web开发 > 详细

html页面基本结构

时间:2016-04-23 14:41:10      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:

html页面基本结构

 

在工程路径下分为三个文件夹html,css,img。分别存放相对应的文件

html里边的样式外联css里边的样式

html的结构:
在body部分分为 头,内容,脚,写上注释
<div class="qiu">
<header></header>
<!--头结束-->
<div class="content"></div>
<!--内容结束-->
<footer></footer>

</div>

 

CSS样式格式

/********************************整体******************************/
.qiu{
width: 1000px;
background: rebeccapurple;
margin: 0 auto;
}

/********************************头******************************/
header{
height: 100px;
background: scroll;
}

/********************************内容******************************/
.content{
height: 500px;
background: green;
}

/***************标题1样式***************/
.div1{

}


/********************************整体******************************/
footer{
height: 300px;
background: bisque;
}

html页面基本结构

标签:

原文地址:http://www.cnblogs.com/chenyuanqiu2008/p/5424449.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!