展会信息港展会大全

第三步:将网站分为五个div,网页基本布局的基础
来源:互联网   发布日期:2016-03-25 16:03:05   浏览:2658次  

导读:1.将“第一步”提到的五个部分都放入盒子中,在html文件中写入: div id=page-container div id=main-navMain Nav/div div id=headerHeader/div div id=sidebar-aSidebar A/div div id=contentContent/div div id=footerFooter/div /div 表现如下: 2.为了将...

1.将“第一步”提到的五个部分都放入盒子中,在html文件中写入:

<div id="page-container">

<div id="main-nav">Main Nav</div>

<div id="header">Header</div>

<div id="sidebar-a">Sidebar A</div>

<div id="content">Content</div>

<div id="footer">Footer</div>

</div>

表现如下:

2.为了将五个部分区分开来,我们将这五个部分用不同的背景颜色标示出来,在css文件写入:

#main-nav {

background: red;

height: 50px;

}

#header {

background: blue;

height: 150px;

}

#sidebar-a {

background: darkgreen;

}

#content {

background: green;

}

#footer {

background: orange;

height: 66px;

}

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港