篇一：《网页设计与制作》期末考试试题及答案
一、单项选择题(本大题共30小题，每小题2分，共60分) 1、目前在Internet上应用最为广泛的服务是 ( )。
A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是 ( )。
A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service
3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、centerB、nbuC、eduD、cn
4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码B、Unicode码C、 BIG5码D、HZ码
5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXTB、PASSWORDC、RADIOD、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是 ( )。 A、<table>B、<body>C、<html>D、<a> 7、在客户端网页脚本语言中最为通用的是( )。 A、javascriptB、VBC、PerlD、ASP
8、在HTML中，标记的Size属性最大取值可以是( )。 A、5B、6C、7D、8
9、在HTML中，单元格的标记是( )。
A、<td>B、<span>C、<tr>D、<body>
10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTMLB、CSSC、DOMD、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。
A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。
A、JPEG和GIFB、JPEG和PSDC、GIF和BMPD、BMP和PSD
13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。 A、HTTPB、HTTPSC、SHTTPD、SSL 14、在HTML中，要定义一个空链接使用的标记是( ).
A、<a href=”#”>B、<a href=”?”>C、<a href=”@”> D、<a href=”!”> 15、对远程服务器上的文件进行维护时，通常采用的手段是( ) A、 POP3B、FTPC、SMTPD、Gopher
16、下列Web服务器上的目录权限级别中，最安全的权限级别是( ) A、读取 B、执行 C、脚本 D、写入
17、用Fireworks切割图形时，需要的工具是（） A、裁剪 B、选取框 C、切片 D、自由变形 18、Internet上使用的最重要的两个协议是( )
A、TCP和Telnet B、TCP和IP C、TCP和SMTPD、IP和Telnet 19、body元素用于背景颜色的属性是（）
A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是( )
A、规划目录结构时，应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色
C、人们通常所说的颜色，其实指的就是色相 D、为了使站点目录明确，应该采用中文目录
21、在Dreamweaver中，最常用的表单处理脚本语言是( ). A、C B、Java C、ASP D、JavaScript
22、在Dreamweaver MX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为 ( )
A、parent B、_bank C、_top D、_self
23、网页制作技术不可以实现由一个文件控制一大批网页 ( ) A、CSS文件 B、库 C、模板 D、层 24、查看优秀网页的源代码无法学习( ).
A、代码简练性 B、版面特色 C、网站目录结构特色 D、Script程序 25、在网页制作过程中，LOGO的标准尺寸为( )Pixels. A、468*60 B、80*31 C、88*31 D、150*60 26、客户机可向服务器按MINE类型发送和接收信息，客户机使用( )请求方式表示要求服务器发送文件头消息.
A、SMTP B、GET C、HEAD D、POST
27、在色彩的RGB系统中，32位十六进制数000000表示的颜色是( ). A、黑色 B、红色 C、黄色 D、白色
28、Flash中，与位图相比，矢量图形的优点是（） A、变形、缩放不影响图形显示质量 B、丰富多彩 C、图像所占空间大 D、图像质量好
29、网页代码第一行<%@language=”Vbscript”%>，说明此页是： A、HTML B、PHP C、ASP D、VBSCRIPT
30、不论是网络的安全保密技术，还是站点的安全技术，其核心问题是( ). A、系统的安全评价 B、保护数据安全 C、是否具有防火墙 D、硬件结构的稳定 答案
1.B 2.B 3.D 4.C 5.D 6.C 7.A 8.C 9.A 10.C 11.A 12.A 13.B 14.A 15.B 16.A 17.C 18.B 19.C 20.D 21.D 22.B 23.D 24.C 25.C 26.D 27.A 28. A 29.C 30.A
网页设计与网页制作多选题
一、多项选择题(本大题共10小题，每小题2分，共20分。在每小题的五个备选答案中，选出二至五个正确的答案，并将正确答案的字母分别填在题干的括号内，多选、少选、错选均不得分。)
1.WWW的组成主要包括( ) ACDA.URLB.Gopher
C.HTML D.HTTP th7.cn E.Telnet
2.下列关于IP地址与域名的说法正确的是( )A.IP地址以数字表示，域名用字符表示B.IP地址是供全球识别的通信地址C.IP地址与域名是一一对应的D.域名可以多于三个层次
E.IP地址与域名都限制在32位内
3.一般来说，适合使用信息发布式网站模式的题材有() ABCD
ABDE
A.软件下载 B.新闻发布C.个人简介 D.音乐下载E.文学作品大全
4.网页制作工具按其制作方式分，可以分为() A.通用型网而制作工具B.标记型网页制作工具C.专业型网页制作工具D.编程型网页制作工具E.“所见即所得”型网页制作工具
5.下列关于网页设计的说法中，正确的有()A.冷暖色调在均匀使用时不宜靠近B.纯度相同的两种颜色适宜放在一起C.整个页面中最好有一个主色调
D.文本的色彩不会发生抖动，只有图片的色彩才会发生抖动 E.抽象线条的构图很容易造成重心不稳
6.下面说法正确的是() AEA. Java是一种编译语言
B. JaveScript是面向对象的程序设计语言C. Javascript是由SUN公司开发的D. Javascript的源代码非常安全E. Java采用强定义类型变量检查
7.以下属于DHTML最主要的优点的是() A.动态样式 B.动态定位C.动态链接 D.动态内容E.动态扩展
8.在CSS中，下面属于BOX模型属性的有()A. font B. margin 第七城市 C. padding D. visibleE. border
9.下面属于Javascript对象的有() A. Window&n bsp; B. DocumentC. Form D. StringE. Navigator
10.下面关于CSS的说法正确的有() A. CSS可以控制网页背景图片
B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOX
BE
ACE
ABD
BCE
ABCDE
ABC
D. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距 th7.cn
11. Netscape为使用层开发了两个附加的专有标识是（ ）标识和（）标识。 AC A <Layer> B <Div> C <Ilayer> D <Span>
12. CSS通过（ ）方法将样式格式化应用到用户的页面中。ABCD A 创建新的样式单 B 内部样式单
C 外部的、被连接的样式单 D 被嵌入的样式规则
13. 要将左图所示的分帧页面转变成右图所示的分帧页面，应执行的操作是() BCD A 按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。
B 单击“Modify”下拉菜单的“Frameset”级联菜单中的“Split Frame Left”命令。
C 首先在“Frame Inspector”中选中代表图1下部的帧的图像，然后按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。 D 首先按下“Alt”键并用鼠标在图1下部的帧上单击，然后按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。
14. 关于Dreamweaver功能的说法，正确的是() ABCD A 可以制作让他人提交的表单 B 可以制作计数器 C 可以制作留言板
D 可以制作打开一个页面的同时打开一个小页面窗口
15. 在建立模板的过程中，命名可编辑区域或锁定区域时不能使用的符号有() BC A 单引号 B 双引号 C 尖括号 D &符号
16. 每个时间链开始都是包括两个关键帧( )和() AB A 开始 B 结束 C 关键帧 D 主帧
17. 除了下划线、连字符之外，文件名中还不能包括( ) AB A 空格 B 标点 C % D &
18. 在Dreamweaver中，用时间线建立动画效果时，可以包括的动画有( ) BCD A 图象位置、大小改变的动画 B 图层位置改变的动画 C 图层可见性改变的动画
D 图片文件来源改变的动画
19. 在Dreamweaver中，打开HTML检查器的方法有( ) ABCD A 单击“Window”下拉菜单中的“HTML Source”命令
B 单击“Window”下拉菜单中的“Laucher”命令，在打开的对话框中单击“HTML Source”图标 C 单击“Document”窗口右下脚处的“Show HTML Source”图标 D 按“F10”键
20. 通过( )方法，可以选中一个帧。 BD A 单击所要选中的帧。
B 单击“Frame Inspector”中的代表图像。
C 按下“Alt”键并用鼠标在所要选中的帧上单击。 D 单击所要选中的帧的左上角。 21. 通过对模板的设置，将已有内容定义为可编辑区域，以下选项中正确的是( )ACD A 既可以标记整个表格，也可以标记表格中的某个单元格作为可编辑区域 B 一次可以标记若干个单元格
C 层被标记为可编辑区域后可以随意改变其位置
D 层的内容被标记为可编辑区域后可以任意修改层的内容
22. 在使用时间链时，用“Record Path of Layer”命令记录层的路径，关于关键点的说法正确的是( )CD
A 用户拖动层的速度越快，则划分出的关键点越多 B 用户拖动层的速度越快，则划分出的关键点越少 C 用户可以通过改变拖动的速度来变更关键帧的位置 D 关键点的多少和拖动层的速度无关
23. 在Dreamweaver中，只需要三个参数( )来加入一个Shockwave影片。ABC A 位置 B 高度 C 宽度 D 长度
24．以下（ ）内容是HTML文件的头部内容所包括的。 ABC A.网页标题、关键字
B.作者信息、网页描述、基础地址 C.自动刷新、CSS样式 D.注释、表单域
25．关于HTML语言下列说法正确的是（）。 ABCD
A.HTML是（HyperText Markup Language）的首字母缩写，中文被称作“超文本标签语言” B.HTML文件中可以插入图形、声音、视频等多媒体信息 C.在HTML文件中，用户可以建立与其他超文本的链接
D.HTML是纯文本类型的语言，可以使用任何文本编辑器打开，查看、编辑 26．关于鼠标经过图像，下列说法正确的是（）。 BCD A.鼠标经过图像的效果是通过HTML语言实现的
B.设置鼠标经过图像时，需要设置一张图片为原始图像，另一张为鼠标经过图像 C.可以设置鼠标经过图像的提示文字与链接 D.要制作鼠标经过图像，必须准备两张图片
27．下列（ ）软件可以作为Dreamweaver的外部图像编辑器。ABD A.Fireworks
篇二：《网页设计与开发》实例教程 第二版课 清华大学出版社 后习题答案
习题
1．HTML指的是（A）。
A超文本标记语言（Hyper Text Markup Language）
B家庭工具标记语言（Home Tool Markup Language）
C超链接和文本标记语言（Hyperlinks and Text Markup Language）
2．web标准的制定者是（B）。
A 微软 B万维网联盟（W3C）C网景公司（Netscape）
3．用HTML标记语言编写一个简单的网页，网页最基本的结构是（ D ）。
A <html> <head>…</head> <frame>…</frame> </html>
B <html> <title>…</title> <body>…</body> </html>
C <html> <title>…</title> <frame>…</frame> </html>
D <html> <head>…</head> <body>…</body> </html>
4．从IE浏览器菜单中选择__________命令，可以在打开的记事本中查看到网页的源代码。
5．实现网页交互性的核心技术是。
6．CSS的全称是 ______。
7．写出你了解的专业网页编辑制作工具___________。
8．URL的全称是_____________________________。
9．写出URL包含的三个部分内容的作用。
URL通常包括三个部分，第一部分是Scheme，告诉浏览器该如何工作，第
二部分是文件所在的主机，第三部分是文件的路径和文件名。
习题
1. 以下标记符中，用于设置页面标题的是（ A ）。
A <title>B <caption> C <head>D <html>
2. 以下标记符中，没有对应的结束标记的是（B）。
A <body> B <br>C <html>D <title>
3. 文件头标记也就是通常所见到的标记。
4. 创建一个HTML文档的开始标记符是，结束标记符是。
5. 标记是HTML中的主要语法，分标记和____标记两
种。大多数标记是____成对_____出现的，由____开始_____标记和_____结束____标记组成。
6. 把HTML文档分为_________和______两部分。_________部分就是在Web浏览器窗口的用户区内看到的内容，而_________部分用来设置该文档的标题（出现在Web 浏览器窗口的标题栏
中）和文档的一些属性。
7. HTML4或XHTML1.0的三种文档风格是型_____。
8. 简述一个HTML文档的基本结构。
一个完整的HTML文件包含头部和主体两个部分的内容，在头部内
容里，可定义标题、样式等，文档的主体内容就是要显示的信息。<html>
标记通常会作为HTML文档的开始代码，出现在文档的第一句，而</html>
标记通常作为HTML文档的结束代码，出现在文档的尾部，其他的所有
的HTML代码都位于这两个标记之间，该标记用于告知浏览器或其他程
序，这是一个Web文档，应该按照HTML语言规则对文档内容的标记进
行解释；<head>…</head>是HTML文档的头部标记；<body>… </body>
标记之间的文本是在浏览器中要显示的页面内容。
实验
用HTML语言编写符合以下要求的文档：标题为“班级主页”，在浏览器窗
口用户区内显示“欢迎来到我们的班级主页”，完成后的效果如图2-3所示。 <html>
<head>
<title>班级主页</title>
</head>
<body>
欢迎来到我们的班级主页
</body>
</html>
图2-3 实验
习题
1. 下面哪一项是换行符标记？（C ）
A．<body>B．<font>C．<br>D．<p>
2. 在HTML中，标记<font>的Size属性最大取值可以是（ C ）。
A. 5B．6C．7D．8
3. 在HTML中，标记<pre>的作用是（ B ）。
A. 标题标记B．预排版标记C.转行标记D．文字效果标记
4. 下面的（ B ）特殊符号表示的是空格。
A．"B． C．&D．©
5. 要设置一条1像素粗的水平线，应使用的HTML语句是
6. 在HTML文件中，版权符号的代码是 。
7. 使页面的文字居中的方法有
8. 标题字的标记是。
1. 列表（List），顾名思义就是者无序排列而形成的表。
2. 常用的列表有和义列表 三种。
3. 无序列表标记<ul>的type属性可以指定出现在列表项前的项目符号的样式，
其取值可以是： disc 、 circle和 square 三种。
4. 有序列表标记<ol>的type属性可以指定出现在列表项前的项目编号的样式，
其取值可以是：1、 a 、 A 、i和 I 五种。
5. 使用有序列表标记的用户则可改变编号的起始值。
该属性值是一个 整数 ，表示从哪一个数字或字母开始编号。
6. 使用列表项标记<li></li>的type属性，于无序列表而言）或编号（对于有序列表而言） 。
7. 使用列表项标记<li></li>的属性，可以改变当前列表项的编
号大小，并会影响其后所有列表项的编号大小。但该属性只适用于有序
列表中。
习题
1. 下列哪一项是在新窗口中打开网页文档（ B ）。
A．_selfB．_blankC．_topD．_parent
2. 在网页中，必须使用（ A ）标记来完成超级链接。
A．<a>…</a>B．<p>…</p> C．<link>…</link>D．<li>…</li>
3. 超链接是建立网站、网页主要元素之一。若要建立在同一网页内的链接，应
采用以下（ B ）链接形式。
A．链接到一个E-mail B．书签式链接
C．框架间链接 D．链接到一个网站
4. 关于超链接，（ A）的说法是正确的。
A．不同网页上的图片或文本可以链接到同一网页或网站
B．不同网页上的图片或文本只能链接到同一网页或网站
C．同一网页上被选定的一个图片或一处文本可以同时链接到几个不同网站
D．同一网页上图片或文本不能链接到同一书签
5. 若要在页面中创建一个图像超链接，要显示的图形为 myhome.jpg，所链接的地址为，以下用法中正确的是（ B ）。
A．<a href=">myhome.jpg</a>
B．<a href=""><img src="myhome.jpg"></a>
C．<img src="myhome.jpg"><a href =""></a>
D．<a href =><img src="myhome.jpg"> 6. 以下创建mail链接的方法，正确的是（ C ）。
A．<a href="master@163.com">管理员</a>
B．<a href="callto:master@163.com">管理员</a>
C．<a href="mailto:master@163.com">管理员</a>
D．<a href="Email:master@163.com">管理员</a>
7. 下面是相对路径的是（ C ）。
A．.cn B． ftp://219.153.40.150
C．../a.htmlD． /a.html
8. 下面哪组属性是用于设置图像映射的区域坐标的（ D ）。
A．rec B．circle C．poly D． coords 9. 在HTML文件中，URL是。
10. 在HTML文件中，超链接可以分为
11. 关于超链接，属性用于指定链接的目标窗口。
习题
1.
2. <marquee> ... </marquee>，表示（ D ） A.页面空白B.页面属性C.标题传递 D.滚动文字 嵌入背景音乐的HTML代码是（ B ）
A.<backsound src=#>B.<bgsound src=#>
C.<bgsound url=#> D.<backsound url=#>
通过哪个属性可以为图片添加边框线. （ C ）
A. htmlB.asp C.borderD.img 网页中常用的图片格式为、。 在HTML文档中，显示图片所用的标记是。
<marquee> ... </marquee>的width和height属性表示高 。
使用标记只能添加声音文件，不能显示和调整播放软件的控制面板，而使用 <embed> 标记则可以插入各种各样的多媒体。
3. 4. 5. 6. 7.
习题
1. 以下选项中，哪个全部都是表格标记（ B ）。
A．<table><head><tfoot>B．<table><tr><td>
C．<table><tr><tt> D．<thead><body><tr>
2. 请选择可以使单元格中的内容进行左对齐的正确HTML标记（A）。
A．<td align="left"> B．<td valign="left">
C．<td leftalign> D．<tdleft>
3. 要使表格的边框不显示，应设置border的值是（B）。
A．1 B．0 C．2 D．3
4. 以下标记中，用于定义一个单元格的是（A）。
A．<td> </td>B．<tr>…</tr>
C．<table>…</table>D．<caption>…</caption>
5. 若要使表格的行高为16pt，以下方法中，正确的是（ A ）。
A．<table border=1 height="16">?</table>
B．<table border=1 height="16pt">?</table>
C．<table border=1 height="16pt">?</table>
D．<table border=1 height="16pt">?</table>
6. 表格的标记是，单元格的标记是。
7. 表格的宽度可以用百分比和两种单位来设置。
8. 表格分行用到的标记是。
9. 请写出在网页中设定表格边框的厚度的属性；设定表格单元
格之间宽度属性___cellspacing___________；设定表格内容与单元格间的距离属性____cellpadding______。
10. 请写出<caption align=bottom>表格标题</caption>功能是题_______。
11. <tr>?.</tr>是用来定义；<td>?</td>是用来定义元格 ；<th>?</th>是用来定义___表头_______。
12. 单元格垂直合并所用的属性是；单元格横向合并所用的属性是
13. 利用<table></table>标记符的属性可以控制表格边框的显示样
式；利用<table></table>标记符的__rules_____属性可以控制表格分隔线的显示样式。
习题
1. 框架的分割方式有（ABD）。
A.上下分割 B.左右分割 C.对角线分割 D.嵌套分割
2. 如果要将窗口进行水平的分割，那么要用到（B）属性。
A.colsB.rowsC.colspanD.hr
3. 设置窗口高度或宽度的数值一种是采用设置另一种是采用比 设置。
4. 嵌入式的窗口我们一般用来实现。
5. 在网页中插入浮动框架要用
篇三：DIV+CSS网页制作首页布局实例教程
DIV+CSS：网站首页布局实例教程
第一步：页面布局与规划
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。
下面，我们需要根据构思图来规划一下页面的布局，仔细分析一下该图，我们不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。
有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:
根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下：
│body {} /*这是一个HTML元素，具体我就不说明了*/
└#Container {} /*页面层容器*/
├#Header {} /*页面头部*/
├#PageBody {} /*页面主体*/ │ ├#Sidebar {} /*侧边栏*/ │ └#MainBody {} /*主体内容*/ └#Footer {} /*页面底部*/ 至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。
第二步：写入整体层结构和CSS
接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
</body>
</html>
这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。 下面，我们在<body></body>标签对中写入DIV的基本结构，代码如下：
<div id="container">[color=#aaaaaa]<!--页面层容器-->[/color]
<div id="Header">[color=#aaaaaa]<!--页面头部-->[/color]
</div>
<div id="PageBody">[color=#aaaaaa]<!--页面主体-->[/color]
<div id="Sidebar">[color=#aaaaaa]<!--侧边栏-->[/color]
</div>
<div id="MainBody">[color=#aaaaaa]<!--主体内容-->[/color]
</div>
</div>
<div id="Footer">[color=#aaaaaa]<!--页面底部-->[/color]
</div>
</div>
为了使以后阅读代码更简易，我们应该添加相关注释，接下来打开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}
把以上文件保存，用浏览器打开，这时我们已经可以看到基础结构了，这个就是页面的框架了。
关于以上CSS的说明（详细请参考CSS2.0中文手册，网上有下载）：
1、请养成良好的注释习惯，这是非常重要的；
2、body是一个HTML元素，页面中所有的内容都应该写在这标签对之内，我就不多说了；
3、讲解一些常用的CSS代码的含义：
font:12px Tahoma；
这里使用了缩写，完整的代码应该是：font-size:12px;font-family:Tahoma；说明字体为12像素大小，字体为Tahoma格式；
margin:0px；
也使用了缩写，完整的应该是：
margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px
或
margin:0px 0px 0px 0px
顺序是 上 / 右 / 下 / 左，你也可以书写为margin:0(缩写)；
以上样式说明body部分对上右下左边距为0像素，如果使用auto则是自动调整边距， 另外还有以下几种写法：
margin:0px auto；
说明上下边距为0px，左右为自动调整；
我们以后将使用到的padding属性和margin有许多相似之处，他们的参数是一样的， 只不过各自表示的含义不相同，margin是外部距离，而padding则是内部距离。
text-align:center
文字对齐方式，可以设置为左、右、中，这里我将它设置为居中对齐。
background:#FFF
设置背景色为白色，这里颜色使用了缩写，完整的应该是background:#FFFFFF。
background可以用来给指定的层填充背景色、背景图片，以后我们将用到如下格式： background:#ccc url('bg.gif') top left no-repeat；
表示：使用#CCC(灰度色)填充整个层，使用bg.gif做为背景图片，
top left
表示图片位于当前层的左上端，no-repeat表示仅显示图片大小而不填充满整个层。 top/right/bottom/left/center
用于定位背景图片，分别表示 上 / 右 / 下 / 左 / 中；还可以使用
background:url('bg.gif') 20px 100px;
表示X座标为20像素，Y座标为100像素的精确定位；
repeat/no-repeat/repeat-x/repeat-y
分别表示 填充满整个层 / 不填充 / 沿X轴填充 / 沿Y轴填充。
height / width / color
分别表示高度(px)、宽度(px)、字体颜色(HTML色系表)。
4、如何使页面居中？
大家将代码保存后可以看到，整个页面是居中显示的，那么究竟是什么原因使得页面居中显
示呢？
是因为我们在#container中使用了以下属性：
margin:0 auto;
按照前面的说明，可以知道，表示上下边距为0，左右为自动，因此该层就会自动居中了。 如果要让页面居左，则取消掉auto值就可以了，因为默认就是居左显示的。
通过margin:auto我们就可以轻易地使层自动居中了。
5、这里我只介绍这些常用的CSS属性了，其他的请参看CSS2.0中文手册。
第三步：写入页面顶部制作
当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。 在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码：
/*基本信息*/
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}
a:link,a:visited {font-size:12px;text-decoration:none;}
a:hover{}
/*页面层容器*/
#container {width:800px;margin:10px auto}
样式说明：
a:link,a:visited {font-size:12px;text-decoration:none;}
a:hover {}
这两项分别是控制页面中超链接的样式，具体我就不说明了，请大家参阅手册。
#container {width:800px;margin:10px auto}
指定整个页面的显示区域。
width:800px指定宽度为800像素，这里根据实际所需设定。
margin:10px auto，则是页面上、下边距为10个像素，并且居中显示。
上一章中我们讲过，对层的margin属性的左右边距设置为auto可以让层居中显示。
接下来，我们开始制作TOP部分，TOP部分包括了LOGO、菜单和Banner，首先我们要做的就是对设计好的图片进行切片，以下是在FW下完成的切片：
《CSS实例教程:十步学会用CSS建站》出自：百味书屋
链接地址：http://www.850500.com/news/72262.html
转载请保留,谢谢!