css教程–十步学会用css建站(全)[翻译]（3）
作者：Jorux 来源：Jorux记事本 发布时间：2008-06-05 18:35:00
标签：教程,布局,div,框架,样式,设计,浏览器
第三步：将网站分为五个div，网页基本布局的基础:
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;
}
表现如下：
0
投稿猜你喜欢
1.简介介绍-网络爬虫（又称为网页蜘蛛，网络机器人，在FOAF社区中间，更经常的称为网页追逐者），是一种按照一定的规则，自动地抓取万维网信息- 前言超参调优是“模型调优”（Model Tuning)阶段最主要的工作，是直接影响模型最终效果的关键
- SQL Server Extended Events（下面简称XEvent）是SQL Server 2008里新加的事件处理系统，用来取代S
- 本文实例讲述了Python3删除排序数组中重复项的方法。分享给大家供大家参考，具体如下：给定一个排序数组，你需要在[原地]删除重复出现的元素
- XPathXPath即为XML路径语言（XML Path Language），它是一种用来确定XML文档中某部分位置的语言。XPath使用方
- 最近临时工作要生成xml报名，通过MQ接口发送。简单小程序。自增长拼成xml报文Test_001.py# encoding=utf-8imp
- 本文介绍基于Python语言，实现对多个不同Excel文件进行数据读取与平均值计算的方法。首先，让我们来看一下具体需求：目前有一个文件夹，其
- python3的多行输入问题因为在OJ上做编程，要求标准输入，特别是多行输入。特意查了资料，自己验证了可行性。if __name__ ==
- Array(数组)内部机制在 Go 语言中数组是固定长度的数据类型，它包含相同类型的连续的元素，这些元素可以是内建类型，像数字和字符串，也可
- php面试题的题目： $a = '/a/b/c/d/e.php'; $b = '/a/b/12/34/c.php&#
- thinkphp查询mssql数据库出现乱码的原因是ThinkPHP默认为UTF-8，而msmsql数据库是简体中文版，存储的是GB2312
- 如何使用pytorch加载并读取COCO数据集 环境配置基础知识：元祖、字典、数组利用PyTorch读取COCO数据集利用PyTorch读取
- 本文研究的主要是Python中optparser库的相关内容，具体如下。一直以来对optparser不是特别的理解，今天就狠下心，静下心研究
- 最近在使用layui前端框架，在使用单选按钮、下拉菜单select、checkbox等控件的时候 往往遇到一些初始化的东西。有时候会发现，自
- 用过MySQL之后，不论容量的话，发现比其他两个（sql server 、oracle）好用的多，一下子就喜欢上了。下面给那些还不知道怎么弄
- 本文实例讲述了Go语言中嵌入C语言的方法。分享给大家供大家参考。具体分析如下：Go语言官方带了一个工具叫cgo，可以很方便的在Go语言代码中
- 前言其实就是Django RESTful Framework，RESTful一种API的命名风格,主要因为前后端分离开发出现，前后端分离:
- 自定义函数import requestsfrom bs4 import BeautifulSoupheaders={'User-Ag
- python3中，list有个reverse函数，用来反转列表元素，但是如果想要反转部分元素呢？a = [1,2,3,4,5]a[0:3].
- 导入所需库％matplotlib inlineimport sympyimport numpy as npimport matplotlib
