html css网页布局实例简单,Div+CSS网页布局项目实战一（含设计图、HTML和CSS源文件）...

网页的基本结构

新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：

Div+CSS网页布局项目实战：页面布局与规划|www.125jz.com

将其命名为index.htm，另一个记事本文档则命名为css.css。

下面，我们在

标签对中写入DIV的基本结构，代码如下：

[color=#aaaaaa][/color]

为了使以后阅读代码更简易，我们应该添加相关注释，接下来打开css.css文件，写入CSS信息，代码如下：

/*基本信息*/

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

/*页面层容器*/

#container {width:100%}

/*页面头部*/

#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}

/*页面主体*/

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

/*页面底部*/

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

把以上文件保存，用浏览器打开，我们可以看到页面的基本结构了。

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2371.html

html css网页布局实例简单,Div+CSS网页布局项目实战一（含设计图、HTML和CSS源文件）...相关推荐

咖啡网页设计作品简单DIV学生网页设计成品 HTML网页学生网页制作模板下载
咖啡网页设计作品网页制作介绍网页首页效果网页下载方式网页制作介绍咖啡主题大学生网页设计作品,共10个页面,无任何复杂技术及特效,页面宽度1200px,顶部导航使用CSS制作了鼠标经过白色效果 ...
div+css静态网页设计电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板
HTML5期末大作业:电商购物网站设计--电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板文章目录 HTML5期末大作业:电商购物网站设计- ...
用HTML+CSS做一个漂亮简单的个人网页~个人相册介绍个人主页模板(6个页面) ~学生HTML个人网页作业作品~
用HTML+CSS做一个漂亮简单的个人网页 ~ 个人相册介绍个人主页模板(6个页面) 学生HTML个人网页作业作品临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作 ...
用HTML+CSS做一个漂亮简单的个人网页~个人相册介绍个人主页模板(6个页面) ~学生HTML个人网页作业作品~...
用HTML+CSS做一个漂亮简单的个人网页 ~ 个人相册介绍个人主页模板(6个页面) 学生HTML个人网页作业作品临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作 ...
CSS实验案例02简单专业介绍网页
文章目录 CSS实验案例02简单专业介绍网页 2.1CSS 2.2HTML CSS实验案例02简单专业介绍网页 2.1CSS body {/* 主体*/font-size: 24px;text-ali ...
背景的css代码,CSS网页设计实例:设计制作大背景网页_css
网页制作Webjx文章简介:如何用css实现大背景网页设计. 自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计.因此我决定和大家分享大背景网站的设计技巧.在 ...
HTML+CSS大作业——旅游—我的家乡新密(15页)含论文新密旅游网页设计制作简单静态HTML网页作品我的家乡网页作业成品学生旅游网站模板
HTML5期末大作业:我的家乡网站设计--旅游-我的家乡新密(15页)含论文新密旅游网页设计制作简单静态HTML网页作品我的家乡网页作业成品学生旅游网站模板常见网页设计作业题材有个人. 美 ...
HTML5期末大作业：电商购物网站设计——电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板
HTML5期末大作业:电商购物网站设计--电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板常见网页设计作业题材有个人. 美食. 公司. 学 ...
HTML5期末大作业：海鲜餐饮网站设计——海鲜餐饮网站(1页) 海鲜网页设计制作简单静态HTML网页作品我的美食网页作业成品
HTML5期末大作业:海鲜餐饮网站设计--海鲜餐饮网站(1页) 海鲜网页设计制作简单静态HTML网页作品我的美食网页作业成品常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. ...

html css网页布局实例简单,Div+CSS网页布局项目实战一（含设计图、HTML和CSS源文件）...

html css网页布局实例简单,Div+CSS网页布局项目实战一（含设计图、HTML和CSS源文件）...相关推荐

最新文章

热门文章