程序博客网 > 数据库所有者

Div+CSS布局入门

来源：互联网发布：数据库所有者编辑：程序博客网时间：2024/04/28 16:54

什么是样式表：

CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

DIV结构如下：
　　│body {}　/*HTML元素*/
　　└#Container {}　/*页面层容器*/
　　　　　├#Header {}　/*页面头部*/
　　　　　├#PageBody {}　/*页面主体*/
　　　　　│　├#Sidebar {}　/*侧边栏*/
　　　　　│　└#MainBody {}　/*主体内容*/
　　　　　└#Footer {}　/*页面底部*/

下面开始创建index.htm和index.css这两个文件:

首先创建index.htm文件:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>div+css</title>

<link href="css.css" rel="stylesheet" type="text/css" />

</head>

<body>

</body>

</html>

接下在<body></body>标签中加入一下内容：

<div id="container">

<div id="Header">我的主页

　　</div>

<div id="PageBody">页面主体

　　</div>

<div id="Footer">页面底部

　　</div>

</div>

其次，接下来在index.css文件内写入一下内容：

/*基本信息*/

body{font:12px Tahoma;margin:0px ;text-align:center;background;#ffffff;}

/*页面层容器*/

#container{width:100%}

/*页面头部*/

#Header{font:36px Tahoma ;width:800px;margin:0 auto;height:150px;background:#eecc99}

/*页面主体*/

#PageBody{width:800px;margin:0 auto;height:400px;background:#ccff00}

/*页面底部*/

#Footer{width:800px;margin:0 auto;height:50px;background:#00ffff}

最后我们把这两个文件index.htm和index.css保存在同一个文件夹内，然后用浏览器打开index.htm文件，我们就能在浏览器内看到页面的基本框架了。

数据库所有者

数据库所有者

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子地球地球地球四季第二地球丸子地球地球物理学地球梦地球经纬度地球下载地球物理地球运动地球内部地球年龄地球米粉地球兄弟地球队长地球月球地球到月球地球和月球撤离地球地球质量地球英雄地球形状地球磁场宇宙地球月球与地球地球月球地球怎么画地球空洞说毁灭地球地球表面地球期刊地球夜景关爱地球地球中心地球为什么叫地球地球之肾地球深处地球转动地球形成地球一圈地球移民