网站设计与WEB应用开发技术

1、网站设计与WEB应用开发技术： 7月13号考：9：0011：00 552教室题型：一、填空：10个，10分 二、不定项选择：6个，12分 三、简答：6个，36分 四、编程：写结果或以小段程序：3个，24分 五、实践：网站设计（体育类或企业类，设计版面，写logo,画版面设计，写设计网站步骤，画结构示意图）。（重点看三、四、五章，课后题都是简答题。）第一章：1.TCP/IP是干什么的？ （P4）TCP（Transmission Control Protocol）是传送控制协议,它的作用是保证信息在网络间的可靠的传送，保证接收到的信息在传送途中不被损坏；而IP（Internet Protocol）

2、是网际网协议，保证信息从一个地方传送到另一个地方，不管中间要经过多少结点和不同的网络。IP是TCP/IP 体系结构中非常重要的协议，它是为计算机网路相互连接进行通信而设计的协议，是基于分组交换技术的。2. TCP/IP 模型的网络协议：（P4的图）：物理层，数据链路层，网络层，传输层，应用层。3什么是域名系统（DNS）？（P5） DNS是一个分布式的数据库，利用DNS能进行域名的解析，一般是存放于DNS服务器上，为了定义Internet 上的主机而提供的一个层次性的命名系统。4.Internet 的域名空间？（这是我上网找的，大家可以自己总结一下或再上网找一下）。空间域名就是我们经常说到的 域

3、名+网站空间,是二者的一个统称。因为我们做一个网站通常要用到两个东西，一个是域名，另一个就是空间。域名（Domain Name），是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置）或者（DNS服务器也叫名称服务器，它在网络中将由字母、数字及符号组成的名字转换为IP地址。这个名字就是所谓的域名。）一般俗称的“空间”就是专业名词“虚拟主机”的意思。就是把一台运行在互联网上的服务器划分成多个“虚拟”的服务器，每一个虚拟主机都具有独立的域名和完整的Internet服务器（支持WWW、FTP、E-mail等）功能。虚拟主机

4、技术是互联网服务器采用的节省服务器硬体成本的技术，虚拟主机技术主要应用于HTTP服务，将一台服务器的某项或者全部服务内容逻辑划分为多个服务单位，对外表现为多个服务器，从而充分利用服务器硬体资源。如果划分是系统级别的，则称为虚拟服务器。空间域名网络是一家专业的互联网平台服务商，提供国际域名注册、虚拟主机、空间域名、企业建站、智能建站、国内vps、企业邮箱等多项服务。5.Internet 提供的服务主要有哪几种？（P6） （1）WWW服务 （2）文件传输服务（FTP） （3）电子邮件服务（E-mail） （4）远程登录服务（Telnet）6.文件传输服务（FTP）是干什么的？（P6）FTP服务解决

5、了远程传输文件的问题，无论两台计算机相距多远，只要它们都连入Internet 并且都支持FTP协议，则这两台计算机之间就可以进行文件的传送。FTP实质上是一种实时的联机服务，用户首先要登录到目标服务器上，之后用户可以在服务器目录中寻找所需文件，FTP几乎可以传送任何类型的文件，如文本文件、二进制文件、图像文件、声音文件等。7.Web的主要技术：（P9）（1）统一资源定位技术（URL） （2）超文本传送协议（HTTP） （3）超文本标记语言（HTML）（4）浏览器 （Browser）（如Firefox、Safair、Opera）8.什么是统一资源定位符？它的具体格式？（P9） URL（Unifo

6、rm Resource Locator）,即通过定义资源位置的抽象标识来定位网络资源。资源被定位后，便可对其进行各种操作，例如：访问、更新、替换、查找属性等。 格式：: 其中：指所用的URL方案名。意义的解释与所用方案有关。方案名由字符组成，可包括字母、数字、加号、句点和连词符，字母大小写是不分的。 例如：对于 Internet, 指的是Internet协议名；HTTP URL 方案用于表示可通过HTTP协议进行访问的Internet资源。9. 超文本传送协议（HTTP）是干什么的？（P10）HTTP（Hypertext Transfer Protocol）是一种通信协议，它允许将超文本标记语

7、言（HTML）文档从Web 服务器传送到Web浏览器。HTML是一种用于创建文档的标记语言，这些文档包含到相关信息的链接。可以通过单击一个链接来访问其他文档、图像或多媒体对象，并获得关于链接项的附加信息。10.什么是静态页面？什么是动态页面？什么是活动页面？及它们三个之间的区别？（P19） 静态页面：是存储于服务器的文件，其内容在生成该文档时就已定义好，并且始终不变。 动态页面：是在浏览器访问Web服务器时，由Web 服务器创建的。当浏览器向服务器发出请求时，Web服务器运行一个应用程序，创建动态文档，并返回给浏览器作为应答。 活动页面：在保持动态页面优点的基础上，又能避免服务器负担过重的问题

8、。即在传统HTML文档的基础上，加入诸如：Java Applet、VBScript脚本、ActiveX控件、Flash插件等活动元素。 三者区别：静态页面：内容是编著者创作页面时确定好的，一旦将所有内容保存在服务器中并发布，任何人去访问都可以看到相同的内容；对于信息资源的用户而言，是不能和页面进行交互的，页面的内容也不会因为用户所做的操作而发生变化。对于信息资源的提供者而言，静态页面必须手工制作，手工更新和发布，其开发难度不大。动态页面：能够实现显示形式、内容等的个性化制定；不同用户在不同时刻访问同一个动态页面时，可能就会得到不同的结果，动态页面的内容是变化的；但动态页面需要由服务器实时生成，

9、服务器的负荷要比静态页面的方式要大；其开发难度也较大。活动页面：在保持动态页面优点的基础上，又能避免服务器负担过重的问题，而且在HTML文档的基础上，加入诸如：Java Applet、VBScript脚本、ActiveX控件、Flash插件等活动元素。而且这些元素在客户端运行，所以可以实现快速的响应和显示，但它们对客户端计算机的硬件配置和浏览器软件提出了一定的要求。11.两层结果和三层结构？（P21-22） 两层结构（Two-Tier）:指的是：客户机、服务器，即C/S结构，通常来说，数据库位于服务器端，而客户端应用提供了与用户接口的界面，同时还包含了对服务器上的数据进行操作的一系列规则（商业

10、逻辑）。 注释：通常讲C/S这种模式两层结构的部署方式形象的称为“胖客户机/瘦服务器”（Fat Client/Thin Sever）.三层结构：从功能的角度，将整个应用的功能分成表示层、功能层和数据层三部分。其解决方案是：对这三层进行明确分割，并在逻辑上使其独立。关键是要将表示层和功能层分离成各自独立的程序，并且还要使这两层间的接口简洁明了。课后题：（P26）： 2.统一资源定位符（URL）:80/index.asp中，既包含了http，又包含了www，三者之间是什么关系？ 答：URL包含了http和www，http是一个协议，www是一种服务， 是

11、一个域名（中国教育网），80是端口号， index.asp是主页。（这句话是我问老师的答案）答：统一资源定位符（URL）用于定位某个资源，由于Internent的复杂性，其提供的服务及传输协议有很多种，为了能区分，URL中必须进行说明，此处的http就是为了说明该请求属于超文本传输协议；URL的概念比较宽泛，http只是其中的一种传输协议，也可能出现别的情况，比如ftp等。而www则是所请求服务器的域名，有些服务器的域名中就不包含www。 （这是从书的网址找到的标准答案） 3.本章提到的开发技术中哪个更好？我们应该学习哪项技术呢？（这是从书的网址找到的标准答案，大家可以自己改改说法，意思一样就

12、行，不必一模一样）答：其实技术是没有好坏之分的，关键在于是否适合你所应用的环境以及你是否能掌握。一味的求新、求好是没有经验的开发者所采取的行动。我们不应该单纯追求技术的先进性，而要追求有效和实用，当你要实现一个方案时，要分析项目的性质及最终用户，然后再寻找能解决问题的最经济、最实用也能满足用户需要的手段。因为用户并不关心你采用多么先进的技术，用户关心的是可靠（Reliable）、快速（Rapid）、方便（Convenient）。第二章：12.大中型网站的建设通常需要经历一下的步骤：（P27-28） （1）初始会商：收集待建设网站的关键信息，包括站点的目标受众、要发布的主要内容等。 （2）概念开

13、发：设计人员根据已收集到的信息，开始构思。通常，网站设计师以草图的形式呈现，其中包含整个网站的结构，不同的布局设计及导航等。 （3）内容综合：当设计人员的构思得到了确认，就可以开始制作一些初始图样，之后再配合文字加以说明。 （4）HTML布局和导航：若前面的设计获得了确认，则进入了编制Web页面样例阶段，加入导航器，并进行初次的尝试和体验。 （5）媒体制作：经反复修改后，站点的外观和感受最终得到了认可，此时在制作所需的各种媒体素材，并进行优化。 （6）内容整合：利用各种技术将不同的媒体素材（HTML、CSS、JavaScript、JAVA、.NET、FLASH 等），按照网站的目标有机地整合在

14、一起。 （7）网站测试：在站点被正式发布之前，测试人员要完整测试整个网站，尽量减少站点中包含的错误，并在修改后进行必要的回归测试。 （8）交付:一旦测试完成，就可以正式启用该网站。这标志着网站正式进入运行阶段，当然网站的完善还需要持续地做下去。13.网站策划活动的结束以形成完整的网站策划书为标志。包括以下几项工作：（P28-30） （1）建立网站前的市场分析 （2）建设网站目的及功能定位 （3）网站的技术解决方案 （4）网站内容规划 （5）网页设计 （6）网站测试 （7）网站发布与推广 （6）和（7）小网站可省） （8）网站维护 （9）网站建设日程表 （10）费用明细14.网站都有哪几种设计？

15、（大题 P31-44，每一节下面的内容都要认真看，我只是把大框打了出来） (1)网站的CI形象设计：所谓的CI（Corporate Identity）,借用了广告的术语，它是通过视觉来统一企业的形象。 设计网站的标志（logo） 设计网站的主色调设计网站的标准字体 设计网站的宣传语言 （2）网站的总体结构设计： 网站的目录结构 合理设计网页间的逻辑结构（均衡的逻辑机构，P35有图） （3）网站的版面设计：草案 粗略布局 定案（每个下面的具体内容，P36-37要看） （4）网站的色彩设计（具体的内容P40） （5）网站导航设计：（具体的内容P41） （6）网站信息的可用性设计：（具体的内容P43

16、）15.什么是IIS？IIS是干什么的？（P45） IIS（Internet Information Server,互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络上发布信息成了一件很容易的事。16.IIS的配置？（P49，具体每个配置的解释看书） （1）网站基本配置 （2）网站性能配置 （3）网站的安全性配置课后题：2.如何判断本机是否已经安装过IIS？（这是从书的网址找到的标准答案）答：可以简单的通过两个方式进行判断：(1) 查看 “管理工具”下是否有“Int

17、ernet信息服务（IIS）管理器”，通过查看可以获知；(2) 直接在浏览器中输入“”，看是否能看到有关信息。3.使用IIS安装并开设了新网站后，再将网站的有关文件导入后是否就可以立即投入使用？（这是从书的网址找到的标准答案）答：一般来说，这样就可以使用了，不过使用默认的配置可能会在将来出现问题。因此，通常我们需要进一步对网站进行配置。根据实际需要，一般来说，网站的安全性配置和网站的性能配置是需要修改的。第三章：（占考试的20%-30%）()17.HTML的标签与标签的属性及用法（P86） （1）HTML的标签根据其书写形式可分为但标签和双标签。单标签：常用的单标

18、签有：表示换行；表示一条水平线。双标签：由“首标签”和“尾标签”两部分构成，必须成对使用。 （2）标签的属性：许多单标签和双标签的始标签内包含一些属性，标签要通过属性来定义所希望的设置参数。其语法是：受影响内容注意：并不是所有的标签都有属性。柑橘需要可以用该标签的所有属性，也可以只定义需要的几个属性，说明时属性之间没有顺序。 作为一般的原则，大多数属性值不用加双引号。但如果参数中包含了空格、%和#等特殊字符的属性值时则必须加双引号。（3）注释的格式： 注意：注释并不局限于一行，长度不受限制，且结束置标符“-”不必与开始置标符“!-”在同一行。18.HTML文件的总体结构：一个完整的HTML文件

19、包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素。 （P88） 一个HTML文件的基本结构如下： 文件开始标签 文件头开始的标签 文件头结束的标签 文件主体开始的标签 文件主体结束的标签 文件结束标签【实例3-1】第一个HTML网页 My first page 我的第一个网页 （4）字符引用（P87，了解一下）19.HTML头部及其标签 （P89，上课时老师说过的重点）/HEAD，表示这是HTML网页的文件头部分，用来说明文件命名和与文件本身的相关信息。（1） META标签：是HEAD部分的一个辅助性标签，它位于HTML文档头部的标签和标签之间，它提供用户不可见的信息。

20、META标签是一个单标签，可分为两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。（2） 页面描述信息（P91）：该属性用于说明和描述网页，name是描述网页的，对应于content（网页内容），以便于搜索引擎机器人查找、分类（几乎所有的搜索引擎都会使用网上机器人自动查找meta值来给网页分类）。基本语法为：关于有关用法的具体说明：（各关键词间用英文“，”隔开） 关键字：keywords：用于声明网页的关键字，由Internet搜索引擎完成关键字索引。用法如下：如： Description :是用来描述网站的主要内容的，搜索引擎一般也会通过这个属性来检索这个网站，但

21、不显示出来。用法如下：（3）网页标题（TITLE）（P93）（下面这短话写上只是为了便于大家理解） 网页的标题概括了网页的内容；在文件头部定义的标题内容不再浏览器窗口中显示，而是在浏览器的标题栏中显示。尽管头部定义的信息很多，但能在浏览器标题栏中显示的信息只有标题。用法：网页的标题 。 （4）文档主体部分（BODY） 是网页的正文部分。HTML文件主体标签的格式为： 【实例3-2】一个简单的HTML网页 （P94） My first page 连接的文字 注意：HTML代码在书写时不区分大小写，也不要求在书写时缩进，缩进是为了阅读方便。20.标题和段落 （P95） （1）标题文字标签：格式：标

22、题文字 属性align 用来设置标题在页面中的对齐方式，（left ,right ,center） 属性n用来指定标题文字的大小。N可以取16的整数值，取1时文字最大，取6时文字最小。 【实例3-3】标题文字的用法（P95，要会看明白） 设置标题 第1级标题（H1）第2级标题（H2）第3级标题（H3）第4级标题（H4）（居左）第5级标题（H5）（居右）第6级标题（H6）（居中） （2）段落标签：常用的段落标签包括： 强行换行标签： 放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。 格式：文字 设置段落标签:为了排列的整齐、清晰，文字段落

23、之间，常用来做标签。不但能使后面的文字换到下一行，还可以使两段之间多以空行。一个强制换行可以看作是两个强制换行标签。格式：文字【实例3-5】段落标签的用法 （P97） 段落标签示例登黄鹤楼白日依山尽，黄河入海流。欲穷千里目，更上一层楼。 分区显示标签 （P99）格式：文本或图像21.文字标签：设置文字的大小：格式： 被设置的文字 设置文字的颜色：有两种方法： a.标签中的text属性：利用标签中的text属性，可以设定整个网页文字的颜色。 格式：受影响的文字 【实例3-12】利用设置文字的颜色 （P104）（写运行结果或填空） 用body标记设定文字的颜色春夜喜雨杜 甫（唐）好雨知时节，当春乃

24、发生。随风潜入夜，润物细无声。野径云俱黑，江船火独明。晓看红湿处，花重锦官城。 b.标签中的color属性 （P105） 用设定文字的颜色白色 22.列表（都有哪些列表？）（P106） （1）无序列表：无序列表中每一个表项的前面是项目符号（如、等）。建立无序列表使用标签和表项标签。（具体例子看书上） 格式： 第一个列表项 第一个列表项 （2）有序列表：使用标签可以建立有序列表，表项的标签仍为. 表项1 表项2 23.超级链接 （P114,重点） （1）锚点标签 格式：浏览器中显示的热点 (2)创建指向其他页面的链接：（P115）（重点看） 格式：热点文本 链接到同一目录内的网页文件（使用相对地

25、址）格式：浏览器中的热点文本 链接到本站点下不同目录中的网页文件（使用相对地址）链接到下一级目录中网页文件的格式：热点文本链接到上一级目录中网页文件的格式为：热点文本 链接到其他网站的网页文件（使用相对地址）格式：热点文本（3）创建指向本页中的链接：要在当前页面内实现超链接，需要定义两个标签：一个为超链接标签，另一个为书签标签。 超链接标签的格式为：热点文本 书签标签：格式为：目标文本附近的字符串（4）创建指向其他类型文件的链接：格式为： 热点文本（5）创建发送电子邮件的链接：格式：发送邮件的热点文本24.表格及应用（P119-125,这几页都要看一下，我只打了一小部分）（1）建立简单表格：表

26、格的标签为,行的标签为,表项的标签为.其中是单标签。表项内容写在与之间。必须成对使用。格式为：表头1表头2表头n表项1表项2表项n 表项1表项2表项n （2）表格在页面中的属性 （P124） a.设定表格在页面中的位置： b.表格的颜色和图片背景：background=“图片文件名” 设置背景图片 bordercolor=“颜色” 设定表格边框的颜色 bordercolorlight=“颜色” 设定表格边框亮部的颜色 rules=“row,cols或none” 设定表内线的显示方法25图像（P130）： （1）设置网页的背景：a.设置背景色：格式： b使用背景图片：格式： （2）图片标签：格式

27、： 格式中几个属性的说明： Src:指出要加入图片的文件名，即“图片文件的路径图片文件名” alt:在浏览器尚未完全读入图片时，在图片位置显示的文字。 hspace:设定图片边沿空白，以免文字或其他图片过于贴近；设定图片左右的空间水平方向空白像素数。 vspace:设定图片上下的空间，空白高度采用像素作单位。 align:图片在页面中的对齐/布局方式，或图片与文字的对齐方式。课后题： 2.与HTML相类似的语言标准不少，比HTML功能强大的语言标准也早已存在，为什么HTML能脱颖而出，成为一种在Web上流行的语言呢? （这是从书的网址找到的标准答案） 答：HTML较SGML相比更为简单，因而易

28、于掌握；HTML使用了公开的体系结构；HTML只使用SGML中很小一部分标记，例如HTML3.2中定义了70种标记；HTML的标签是固定的。因此HTML仍是在Web上快速出版最简单的方法。第四章：26.框架（P141） （1）建立框架：框架的建立使用、两个标签。只是将标签取代标签，用来声明框架的定义。用以划分框窗，没一框窗由一个标签所标示，必须在范围内使用。标签用来声明其中框架页面的内容。建立框架的基本结构为： 下面是对定义的详细说明：a. 标签：用来定义一个框架组的属性，格式为：b. 标签：格式为：注意：不应当在体中出现，否则会导致无法正常显示框架，所以不能使用。【实例4-1】定义框架 （P

29、143） 框架演示 （2）设置框架属性：（P144） a.设定框架的有无和颜色 设定有无边框：利用标签和标签的frameborder 属性可以设定有无边框：格式为： 或 其中：取值yes或1（默认）表示生成立体的边框，而no或0表示无边框。（P146 ）b.设定边框的色彩：利用标签和标签的bordercolor 属性给边框着色。格式为： 或 （3）框架间的链接（只写上了这个，内容较多，P148-149都需要看）格式为：热点文本 27.表单（P150）表单的格式： （1）文字和密码的输入： 【实例4-6】文字和密码的输入 输入文本和密码 个人资料 姓名： 主页的网址： 密码： （2）重置和提交:

30、格式为: 重置： 提交：（3）复选框和单选按钮：（可能会缺少一些重要的部分让你补充完整） 【实例4-7】复选框和单选按钮的使用 个人资料 姓名：性别：男 女出生日期：年月日 个人爱好：体育 文学 艺术 旅游美食 其他 存成网页形式后打开网页后的图片形式：（P153） （4）选择栏：格式： （其他属性什么的，自己看书吧，太多了不能都打上） （5）多行文本输入框（P155）格式： 多行文本 28.脚本（P159）：脚本可以分为服务器端脚本和客户端脚本，在HTML代码中嵌入的脚本属于客户端脚本。 网页中加入动态效果和多媒体： 滚动字幕:(了解即可） 使用HTML规范中的 标签即可。 网页中添加音频和

31、视频：a. 加入音频：可以使用标签在网页中添加音乐，格式为：b. 加入视频:用标签的dynsrc属性可以向网页中加入.avi等格式的视频剪辑文件。格式为：29（P163）Java Applet : Applet可以翻译为小应用程序，Java Applet就是用Java语言编写的这样的一些小应用程序，它们可以直接嵌入到网页或者其他特定的容器中，并能够产生特殊的效果。30.常用的网页编辑工具都有哪些？（P166，选择或简答题） （1）Microsoft Frontpage （2）EditPlus （3）Dreamweaver 课后题：（P174） 4.使用标签时，有时是以大写输入的(（）,而另外的

32、时候又以小写（）出现。它们有区别吗？（这是从书的网址找到的标准答案）答：现在的浏览器并不在乎你是使用大写的、小写的还是混用的。它们对大小写不敏感，即不管哪种情况都有同样的效果。多年以来，在网页编写中的传统是用大写的标记。因为网页的大多数文本的内容很可能是小写的(大写只是用在句子的开头和专有名词)，所以大家认为用大写的标签可以帮助作者方便地区分标签和内容。也是这个原因，本书所使用的源码中均为大写的，这样它们就能很容易与周围所写的描述性语句区分。如果使用由应用程序所产生的HTML文件的话，那么最好保持灵活性并且培养自己能以任意一种方式进行工作。实际上，可能会需要想要做和程序相反的事情，使用一个特别

33、的大小写方案将会更容易找出曾经改动过的地方。最后，很可能所有的编码都被要求成小写的。这是因为HTML以后可能被另一个新的标准所代替，在其中标记必须是小写的。第五章：31.什么是CSS？（P175 简答） CSS就是Cascading Style Sheets,中文翻译为“层叠样式表”，这是一项制作网页时专门管理样式的技术。32.利用CSS可以为网页设计和制作带来如下的好处：（P176） 在几乎所有的浏览器上都支持 以前一部分必须通过专门的图像处理软件实现的图片特效功能，现在只要用CSS的滤镜就可以轻松实现，可加快页面的下载速度。 页面的字体等样式变得更易于管理，方便编排，简化界面样式管理成本。

34、 可以将站点上所有的网页风格都使用一个外部CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动，实现更新网站时让许多网页的风格样式同时更新，不用一页一页更新，不仅减少了重复的工作量，而且有利于以后的修改、编辑，浏览时也减少了重复下载代码。 33.为网页添加样式表的方法有哪几种?都如何添加？ （P176-177） 有四种添加样式表的方法：内嵌样式、内部样式表、链入外部样式表和导入外部样式表。 （1）内嵌样式;直接在HTML标签中加入style参数。而style参数的内容就是CSS的属性和值，定义方式如:网页的内容 （2）内部样式表：统一在HTML的头部标签

35、中添加。（3）链入外部样式表：链入外部样式表是把样式表保存为一个样式表文件，然后在页面中使用标签链接到这个样式表文件，而这个标签同样是添加在HTML的头部标签里的。（4）导入外部样式表：指在内部样式表的里导入一个外部样式表，导入时用import,它也是添加于HTML文件的头部标签里的。注意：导入外部样式表必须在样式表的开始部分，在其他内部样式表之前。34.优先级：（看会 P178） 如果在同一处使用了多个不同的样式时，此处将会叠加这几个样式表，产生冲突，此时一般会以最后定义的样式表为准。 优先级从高到低排列顺序：内嵌样式、内部样式表、导入外部样式表。而链入的外部样式表和内部样式表之间按后定义的

36、优先级更高。35.CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取（value）。基本格式如下： selector property：value 即选择符属性：值。其中的选择符是可以有多种形式，一般是所要定义样式的HTML标签，如、等，通过上面的方法可以定义其属性和值，但属性和值之间需要用冒号隔开。 如：body color:black 选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的效果是使页面中的文字显示为黑色。 如果属性的值是多个单词组成，必须在值上加引号，如字体的名称经常是几个单词的组合。如：p

37、 front-family:”sans serif” 意思是将段落字体说明为 sans serif。 （要求画出下面例子的这个图）【实例5-1】简单的CSS应用 （P180）（此处定义了：段落排列居中，段落中文字为黑色，字体是arial） P text-align:center; color:black; front-family:arial 利用HTML标签很复杂 利用CSS更简单 （显示结果，画图）36.选择符组：（P181）：未来减少样式的重复定义，可将相同属性和值的选择符组合起来书写，使用逗号将选择符分开，如：h1,h2,h3,h4,h5,h6 color:green 该定义将这个组里包含所有的标题元素（h1,h2,h3,h4,h5,h6），将这个组