第2章Web页面制作基础

1、2.1 HTML概述概述2.2 HTML文本设计文本设计2.3 加入多媒体与超级链接加入多媒体与超级链接2.4 制作表格制作表格2.5 制作表单制作表单2.6 框架结构框架结构 2.7 CSS基础基础如何设计网页文本格式如何在网页中加入超级链接和多媒体如何设计网页表格如何设计网页表单如何设计网页框架如何设计CSS层叠样式表2.1.1 HTML2.1.1 HTML简介简介 HTMLHTML是（是（Hyper Text Markup LanguageHyper Text Markup Language，超文，超文本标记语言）的缩写，用来表示网上信息的符号本标记语言）的缩写，用来表示网上信息的符号标

2、记语言。标记语言。 HTMLHTML最早源于最早源于SGMLSGML（标准通用化标记）语言。（标准通用化标记）语言。HTMLHTML语言内容丰富，从功能上大体可分为：文语言内容丰富，从功能上大体可分为：文本结构设置、列表建立、文本属性制定、超链接、本结构设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格以及窗体的操作。图片和多媒体插入、对象、表格以及窗体的操作。 2.1.2 HTML2.1.2 HTML文档的结构文档的结构包括包括HEADHEAD、TITLETITLE、BODYBODY三部分，下面是基本结构：三部分，下面是基本结构： 网页标题网页标题 标题部分（设置网页的相关信

3、息，如标题、作标题部分（设置网页的相关信息，如标题、作者、关键字、编码方式等）者、关键字、编码方式等） 正文部分（整个文件的整体部分）正文部分（整个文件的整体部分） 2.1.3 HTML2.1.3 HTML标记（例标记（例2-1.html2-1.html）1 1HTMLHTML文档标记文档标记 格式：格式：标志文件开始和结尾的标志文件开始和结尾的标记。标记。2 2HTMLHTML文件头标记文件头标记 格式：格式：用于包含文件的基本信用于包含文件的基本信息。息。3 3HTMLHTML文件主体标记文件主体标记 格式：格式：文件主体标记。文件主体标记。 注意：（注意：（1 1）与与为独立的两个部分，

4、为独立的两个部分，不能互相嵌套。（不能互相嵌套。（2 2）所有其他的）所有其他的HTMLHTML标记都必须在标记都必须在之间，否则将不能被浏览器正常解释。之间，否则将不能被浏览器正常解释。 2.1.4 文件头标记文件头标记1.网页标题标记网页标题标记之间的内容将显示在之间的内容将显示在网页标题栏上网页标题栏上,默认显示网页文件的名字。默认显示网页文件的名字。2.头元素头元素:主要用于指定主要用于指定HTML文件的一些文件的一些特殊属性。如：特殊属性。如： 3.用于声明使用的何种脚本语言。用于声明使用的何种脚本语言。文本是网页的核心内容，只有适当地设置文本的格式，才能设计出绚丽多彩的网页，设置文

5、本的格式包括：（1）设置标题（2）设置文字的字体、字号、字形、颜色、段落格式（3）设置文本布局2.2.1 2.2.1 设置主体标记设置主体标记的属性的属性 属性概述：属性概述： backgroundbackground属性（设置网页的背景图片）属性（设置网页的背景图片） bgcolor bgcolor 属性（设置网页的背景颜色）属性（设置网页的背景颜色） bgpropertiesbgproperties属性（设置背景是否随滚动条滚动）属性（设置背景是否随滚动条滚动） linklink属性（设置尚未被访问过的超文本链接的颜色）属性（设置尚未被访问过的超文本链接的颜色）vlinkvlink属性（设

6、置已被访问过的超文本链接的颜色）属性（设置已被访问过的超文本链接的颜色）alinkalink属性（设置超文本链接在被单击瞬间的颜色）属性（设置超文本链接在被单击瞬间的颜色）LeftmarginLeftmargin，topmargintopmargin属性（设置网页左边、上边的属性（设置网页左边、上边的空白）空白）MarginwidthMarginwidth，marginheightmarginheight属性（设置网页空白的宽属性（设置网页空白的宽度和高度）度和高度）的属性说明：的属性说明：（1 1）对于）对于backgroundbackground属性，通过属性，通过URLURL地址给出地址

7、给出背景图片的来源位置；背景图片的来源位置；（2 2）颜色的表示方法：）颜色的表示方法：#rrggbb, #rrggbb, 例如，例如，#0000#0000表示黑色，表示黑色，#FFFFFF#FFFFFF表示白色。表示白色。HTMLHTML预定义预定义了几种颜色，如：了几种颜色，如：red, green, blue, gray, red, green, blue, gray, yellow, purpleyellow, purple等，使用时可以直接引用，如：等，使用时可以直接引用，如：bgcolor=“red”.bgcolor=“red”.（3）bgpropertiesbgpropertie

8、s属性值默认为背景随滚动属性值默认为背景随滚动条滚动，如果设置成条滚动，如果设置成fixed,fixed,那背景将不随滚动条那背景将不随滚动条滚动。滚动。( (见例见例2-1-1.html)2-1-1.html)2.2.2 2.2.2 段落格式化段落格式化( (与与WORDWORD对照对照) ) 1. 1. 标题标记标题标记格式：格式：，设置各种大小不同标题的标记，含有属性设置各种大小不同标题的标记，含有属性align,align,用来设置标题在网页中对齐方式。（例用来设置标题在网页中对齐方式。（例2-2.html2-2.html）2 2段落标记段落标记格式：格式：设置段落标记，含有属性设置段

9、落标记，含有属性alignalign，默认值为，默认值为left left 。 3 3预定格式标记预定格式标记格式：格式：在浏览器中浏览时，按照在浏览器中浏览时，按照文档中预先排好的形式显示内容文档中预先排好的形式显示内容, ,含有含有widthwidth属性，属性，用来表示一行的最大字符数，通常取值为用来表示一行的最大字符数，通常取值为4040、8080或或132132。（例。（例2-3.html2-3.html）4 4分区显示标记分区显示标记格式：格式：分区显示标记。分区显示标记。AlignAlign属性设置标记属性。（例属性设置标记属性。（例2-42-4）5 5词标记词标记格式：格式：

10、功能：强制换行。功能：强制换行。格式：格式： 功能：插入水平线标记。包含功能：插入水平线标记。包含align,size,align,size,widthwidth,color,noshade,color,noshade等属性。等属性。（例（例2-52-5） 6 6注释标记注释标记格式：格式：!-注释标记。注释标记。（例（例2-62-6） 2.2.3 2.2.3 建立列表建立列表 在网页中经常使用的列表分为：有序列表和无序列表。在网页中经常使用的列表分为：有序列表和无序列表。由带有序号标志（如数字、字母等）的表项组成有序列表。由带有序号标志（如数字、字母等）的表项组成有序列表。否则就为无序列表。

11、否则就为无序列表。1. 1. 有序列表有序列表格式：格式：OL type= LI type=” LI type=” 功能：建立有序列表，默认序号是数字。功能：建立有序列表，默认序号是数字。2. 2. 无序列表无序列表格式：格式：UL type=” LI type=” LI type=” 功能：建立无序列表，默认为实心圆点。功能：建立无序列表，默认为实心圆点。 3. 3. 自定义列表自定义列表格式：格式： （定义列表项）（定义列表项） （定义语句）（定义语句） 注意：注意：根据文档的具体要求，列表可以嵌套使用。根据文档的具体要求，列表可以嵌套使用。（例（例2-72-7）2.2.4 2.2.4 字

12、符格式化（字体大小、类型、粗细、颜字符格式化（字体大小、类型、粗细、颜色等的设置）色等的设置）1 1字体设置标记字体设置标记格式：格式：功能：设置字体格式标记。功能：设置字体格式标记。size=sizesize=size：设置文字的大小。数字的范围为：设置文字的大小。数字的范围为1717，取取 1 1 时 最 小 ， 取时 最 小 ， 取 7 7 时 最 大 ， 默 认 的 数 值 为时 最 大 ， 默 认 的 数 值 为 3 3 。face=fontstyleface=fontstyle：设置字体，如宋体、黑体、隶书等。：设置字体，如宋体、黑体、隶书等。color=colorvaluecol

13、or=colorvalue：设置文字的颜色。：设置文字的颜色。（例（例2-82-8）2其他标记其他标记 （例（例2-9,2-9,例例2-91,2-91,例例2-92 2-92 ）其他标记格式其他标记格式功能功能给字符加下划线给字符加下划线给字符上加删除线给字符上加删除线给字符加粗给字符加粗将字符设置成斜体将字符设置成斜体标记使得其中的文字产生闪烁的效果标记使得其中的文字产生闪烁的效果2.3.1 2.3.1 加入图像、视频、动画加入图像、视频、动画 格式：格式： 功能：在网页中加入图像、视频、动画等。功能：在网页中加入图像、视频、动画等。 1 1插入图像插入图像 图像在网页设计中是必不可少的，所

14、以用户应图像在网页设计中是必不可少的，所以用户应掌握在网页中操作图像的方法。掌握在网页中操作图像的方法。（例（例2-102-10，例，例2-10-22-10-2）标记属性标记属性功能功能src =URL通过通过URL给出图像来源的位置，不可缺省给出图像来源的位置，不可缺省width=size设置图像宽度设置图像宽度height =size设置图像高度设置图像高度alt= txt设置在图像未载入前图片位置显示的文字设置在图像未载入前图片位置显示的文字border= size设置图像边框，缺省为设置图像边框，缺省为0align=alignstyle设置对齐方式。取值为：设置对齐方式。取值为：top

15、，middle，bottom，aleft，righthspace=size设置图片左右边沿空白设置图片左右边沿空白vspace=size设置图片上下边沿空白设置图片上下边沿空白2 2插入视频插入视频使用使用插入视频或动画时，含有的属性如下插入视频或动画时，含有的属性如下表：（表：（RMVB.HTMLRMVB.HTML）2.3.2 2.3.2 加入超级链接加入超级链接 格式：格式： 功能：在当前页和其他内容间建立超链接。功能：在当前页和其他内容间建立超链接。 （例（例2-11.html2-11.html，2-2.html2-2.html） 标记属性标记属性功能功能href=URL给定链接目标的位

16、置给定链接目标的位置target=frametarget设置显示链接目标的框架设置显示链接目标的框架accesskey=character设置快捷键设置快捷键tabindex=num设置设置Tab键的顺序键的顺序rel=linktype设置到链接的关系设置到链接的关系2.4.1 建立表格建立表格 2.4.1 建立表格建立表格创建表格是规划页面最常用的方法。创建表格是规划页面最常用的方法。格式：格式：功能：创建表格进行页面设计。功能：创建表格进行页面设计。 在浏览器中显示时，表格的整体外观由在浏览器中显示时，表格的整体外观由标记的属性决定标记的属性决定 。标记属性标记属性功能功能border=s

17、ize设置表格边框大小设置表格边框大小width= size设置表格的宽度设置表格的宽度,像素和百分比两种像素和百分比两种height=size设置表格的高度设置表格的高度,像素和百分比两种像素和百分比两种cellspacing=size设置单元格间距设置单元格间距cellpadding =size设置单元格的填充距设置单元格的填充距background =URL设置表格背景图片设置表格背景图片bgcolor =colorvalue设置表格背景色设置表格背景色align=alignstyle设置对齐方式设置对齐方式cols =size设置表格的列数设置表格的列数2.4.2 定制表格定制表格只是

18、空表格，还需要定义行和单元只是空表格，还需要定义行和单元格。格。格式：格式：功能：定义表格的一行。功能：定义表格的一行。格式：格式：功能：定义表格的表头。功能：定义表格的表头。格式：格式：功能：定义表格中的单元格。功能：定义表格中的单元格。格式：格式：功能：定义表格标题，显示在表格上方。功能：定义表格标题，显示在表格上方。（例（例2-12.html,test.html2-12.html,test.html） 2.4.2 定制表格定制表格行标记的属性行标记的属性Bgcolor=colorvalue 设置行背景颜色设置行背景颜色Align=alignstyle 设置行对齐方式设置行对齐方式Vali

19、gn=valignstyle 设置单元格垂直对齐设置单元格垂直对齐方式方式2.4.2 定制表格定制表格列标记的属性列标记的属性Bgcolor=colorvalue 设置单元格背景颜色设置单元格背景颜色Align=alignstyle 设置单元格对齐方式设置单元格对齐方式Valign=valignstyle 设置单元格垂直对齐方式设置单元格垂直对齐方式Rowspan=num 设置单元格所占的行数设置单元格所占的行数Colspan=num 设置单元格所占的列数设置单元格所占的列数Width=size 设置单元格宽度设置单元格宽度Height=size 设置单元格高度设置单元格高度2.5.1 表单的

20、结构表单的结构 格式：格式：定义表单。定义表单。在WEB网页上包含各式各样的输入表单，它们的组成元素基本相同，通过表单可以完成用户和计算机或服务器之间进行的信息交换。标记属性标记属性功能功能action= URL设置处理表单的程序设置处理表单的程序method=postmethod设置发送表单的设置发送表单的HTTP方法（方法（GET，POST）enctype=contenttype设置发送表单的内容属性设置发送表单的内容属性onsubmit= script设置被发送事件设置被发送事件target=frametarget设置显示表单内容的窗口设置显示表单内容的窗口accept-charset=

21、cdata设置可支持的字符列表设置可支持的字符列表(例例2-13.html,test-1.html)Method属性制定了发送表单数据的方法,一种是GET(默认),另一种是POST.两种方法的区别:(1)GET是将FORM的输入信息作为字符串附加到action所设定的URL后面，中间用“？”隔开，每个表单域之间用“&”隔开 , 然后把整个字符串传送到服务器端；服务器端程序，必须用下面的格式来获取各个表单域的值：% value=Request.QueryString(“FormField”)(2)POST是将FORM的输入信息进行包装，而不用附加在action属性的URL之后。下面的格式

22、来获取各个表单域的值： % value=Request.Form(“FormField”)(3)使用GET方法所得到的信息不能很多，一般在4000字符左右，而且不能含有非ASCII码字符，并且在浏览器的地址栏中将以明文的形式显示在表单中的各个表单域值；(4)POST传送的信息数据量基本没有什么限制，在浏览器的地址栏中不会显示表单域的值。2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 1 1输入域输入域（1 1）单行输入域）单行输入域功能：单一标记，主要用来设计表单中提供给用户功能：单一标记，主要用来设计表单中提供给用户的输入形式。的输入形式。主要分为以下几种类型：主要分为以下

23、几种类型： 1 1）texttext单行文本框单行文本框 2 2）passwordpassword密码域密码域 3 3）radioradio单选按钮单选按钮 4 4）checkboxcheckbox复选框复选框5 5）submitsubmit提交按钮提交按钮 6 6）resetreset重置按钮重置按钮 7 7）hiddenhidden隐藏域隐藏域 8) image8) image图像发送按钮图像发送按钮9) Button9) Button一般按钮一般按钮 标记属性标记属性功能功能type=inputype设置输入域的类型设置输入域的类型name= cdata设置表项的控制名，在表单处理时设置

24、表项的控制名，在表单处理时size=num设置表单域的长度设置表单域的长度maxlength=num设置允许输入的最大字符数设置允许输入的最大字符数value =cdata设置输入域的值设置输入域的值checked设置是否被选中设置是否被选中2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 1 1）texttext单行文本框单行文本框这是这是TYPETYPE默认类型。如果输入类型为默认类型。如果输入类型为TEXTTEXT，则其他属性的含义如下：则其他属性的含义如下：Name:Name:与输入值相对应的名称。与输入值相对应的名称。Size:Size:输入窗口的长度，默认值为输入窗

25、口的长度，默认值为2020，以字节为单位。，以字节为单位。Value:Value:设定预先在窗口显示的信息。设定预先在窗口显示的信息。MaxlengthMaxlength：限制最多输入的字节数。：限制最多输入的字节数。2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 2 2）PASSWORDPASSWORD密码域密码域这种类型同这种类型同TEXTTEXT类型的使用相似。不同在于类型的使用相似。不同在于输入时不显示输入内容，而以输入时不显示输入内容，而以“* *”回显。其回显。其他属性的含义如下：他属性的含义如下：Name:Name:与输入值相对应的名称。与输入值相对应的名称。S

26、ize:Size:输入窗口的长度，默认值为输入窗口的长度，默认值为2020，以字节为单位。，以字节为单位。Value:Value:设定预先在窗口显示的信息。设定预先在窗口显示的信息。MaxlengthMaxlength：限制最多输入的字节数。：限制最多输入的字节数。2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 3 3）RADIORADIO单选按钮单选按钮这种类型为用户提供单选按钮进行选择，只这种类型为用户提供单选按钮进行选择，只能在多个选项中选择一项。由于选择是唯一的，能在多个选项中选择一项。由于选择是唯一的，因此属性因此属性namename取相同的值，但属性取相同的值，但

27、属性valuevalue的值的值各不相同。其他属性的含义如下：各不相同。其他属性的含义如下：Name:Name:与输入值相对应的名称。与输入值相对应的名称。Value:Value:每个选项对应的值。每个选项对应的值。checkedchecked：指明是否被用户选中。：指明是否被用户选中。2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 4 4）CHECKBOXCHECKBOX复选框复选框这种类型为用户提供复选框进行选择，在多这种类型为用户提供复选框进行选择，在多个选项中可以选择一项或者多项。由于每一项个选项中可以选择一项或者多项。由于每一项都可以被选择，属性都可以被选择，属性n

28、amename取相同的值，但属性取相同的值，但属性valuevalue的值各不相同。其他属性的含义如下：的值各不相同。其他属性的含义如下：Name:Name:与输入值相对应的名称。与输入值相对应的名称。Value:Value:每个选项对应的值。每个选项对应的值。checkedchecked：指明是否被用户选中。：指明是否被用户选中。2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 5 5）SUBMITSUBMIT提交按钮提交按钮这种类型在浏览器中产生一个提交按钮，当这种类型在浏览器中产生一个提交按钮，当用户用鼠标单击这个按钮后，用户的输入信息用户用鼠标单击这个按钮后，用户的输入

29、信息即被传送到服务器。对于一个完整的表单，提即被传送到服务器。对于一个完整的表单，提交按钮是必不可少的。使用交按钮是必不可少的。使用SUBMITSUBMIT时只有属性时只有属性namename和属性和属性ValueValue。其属性的含义如下：。其属性的含义如下：Name:Name:与输入值相对应的名称。与输入值相对应的名称。Value:Value:每个选项对应的值。每个选项对应的值。2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 6 6）RESETRESET重置按钮重置按钮这种类型在浏览器中产生一个重置按钮，当这种类型在浏览器中产生一个重置按钮，当用户用鼠标单击这个按钮后，

30、用户的输入信息用户用鼠标单击这个按钮后，用户的输入信息全部被清楚，以便用户重新输入。同全部被清楚，以便用户重新输入。同SUBMITSUBMIT一一样，样，resetreset类型只有属性类型只有属性namename和属性和属性ValueValue。其。其属性的含义如下：属性的含义如下：Name:Name:与输入值相对应的名称。与输入值相对应的名称。Value:Value:每个选项对应的值。每个选项对应的值。2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 7 7）HiddenHidden隐藏域隐藏域这种类型将这种类型将InputInput标记的区域隐藏起来，标记的区域隐藏起来，

31、使之不出现在屏幕中，其作用主要是为了处使之不出现在屏幕中，其作用主要是为了处理程序方便，在发送表单时发送几个不需要理程序方便，在发送表单时发送几个不需要用户填写但是程序又需要的数据。用户填写但是程序又需要的数据。（2 2）多行输入域标记）多行输入域标记用于多行文本输入域（许多浏览器限制用于多行文本输入域（许多浏览器限制文本域中的内容不得超过文本域中的内容不得超过32KB32KB或者或者64KB64KB）标记属性标记属性功能功能name=cdata设置设置FORM提交的输入信息的名称提交的输入信息的名称rows=num设置文本域的行数设置文本域的行数cols= num设置文本域的列数设置文本域的

32、列数tabindex=num设置设置tab键的次序键的次序2 2按钮按钮格式：格式：功能：定义按钮。功能：定义按钮。标记属性标记属性功能功能name=cdata设置已发送表单的关键字。设置已发送表单的关键字。value=cdata设置已发送表单的值。设置已发送表单的值。type= buttontype设置按钮的类型。设置按钮的类型。tabindex=num设置设置tab键的次序。键的次序。3 3选择域选择域格式：格式： 选项一选项一 选项二选项二 功能：定义选择栏。（类似于下拉列表框）功能：定义选择栏。（类似于下拉列表框） （见（见2-6.html2-6.html）3 3选择域选择域属性属性N

33、ame=cdata Name=cdata 设置选项栏的名字设置选项栏的名字Size=num Size=num 设置在选项栏中一次可见的选项设置在选项栏中一次可见的选项个数个数Multiple Multiple 设置选项栏是否支持多选设置选项栏是否支持多选属性属性Value=cdata Value=cdata 设置选项的初始值设置选项的初始值Selected Selected 表示此选项为预置项表示此选项为预置项2.6.1 2.6.1 框架结构的文件格式框架结构的文件格式（见例（见例2-14.html2-14.html） 2.6.2 2.6.2 框架结构标记的使用框架结构标记的使用 格式：格式：

34、标记属性标记属性功能功能rows=size设置多重框架的高度设置多重框架的高度cols =size设置多重框架的宽度设置多重框架的宽度onload=script设置框架被载入的事件设置框架被载入的事件onunload=script 设置框架被卸载的事件设置框架被卸载的事件Frameset的其他属性：的其他属性：Frameborder 取值为1或0，0表示不要边框，1显示边框，无法调整粗细。Framespacing=num 表示框架与框架间保留空白的距离，以免看起来太挤。Border=num 设定边框的厚度。Bordercolor=colorvalue 设定框架的边框颜色。2.6.3 FRAME

35、2.6.3 FRAME标记标记 ( (例例2-14.html,2-7.html)2-14.html,2-7.html) 标记属性标记属性功能功能src=URL设置要链接到的设置要链接到的HTML文件文件name=framename表示子窗口的名字表示子窗口的名字marginwidth=size用来控制显示内容和窗口左右边界的距离，默认为用来控制显示内容和窗口左右边界的距离，默认为1marginheight= size用来控制显示内容和窗口上下边界的距离，默认为用来控制显示内容和窗口上下边界的距离，默认为1scrolling=scrollingstyle 指定子窗口是否使用滚动条，有指定子窗口是

36、否使用滚动条，有YES/NO/AUTO三三个值，默认个值，默认AUTO，即根据窗口内容决定是否有滚动，即根据窗口内容决定是否有滚动条条noresize使用该属性后，指定窗口不能调整窗口大小使用该属性后，指定窗口不能调整窗口大小注意事项：注意事项：（1）注意：在老版本的浏览器可能不支持框注意：在老版本的浏览器可能不支持框架结构。架结构。 （2 2）在文档中，如果使用了）在文档中，如果使用了,就不就不应该有应该有标记。标记。（3 3）在）在中可以包含多个框架，可中可以包含多个框架，可以嵌套使用以嵌套使用标记。标记。（4 4）在框架页面中，每个子窗口对应一个在框架页面中，每个子窗口对应一个FRAME

37、。TARGET属性三种常见的用法：属性三种常见的用法：1 1用于用于A A标记标记 2 2用于用于BASEBASE标记标记 标签为页面上的所有链接规定默认地址或标签为页面上的所有链接规定默认地址或默认目标。默认目标。3 3用于用于FORMFORM标记标记FORM ACTION= “” TARGET=“WINDOWS_NAME” 其中WINDOWS_NAMEWINDOWS_NAME可以预先在可以预先在FRAMEFRAME标记中用标记中用NAMENAME属性设定。属性设定。 TARGET的四种常见的方式：的四种常见的方式：1._blank:1._blank:指链接的对象将在一个新的浏指链接的对象将

38、在一个新的浏览器窗体中打开；览器窗体中打开；2._self:2._self:指链接的对象在同一浏览器窗指链接的对象在同一浏览器窗口中显示；口中显示；3._top:3._top:指链接的对象在同一浏览器窗口指链接的对象在同一浏览器窗口的整个窗体中显示，即使在设置了框架的的整个窗体中显示，即使在设置了框架的情况下也将填充到整个窗体；情况下也将填充到整个窗体；4._parent:4._parent:指链接的对象在该浏览器的指链接的对象在该浏览器的父窗口中显示。父窗口中显示。2.7.1 CSS样式简介样式简介( (例例2-15.html)2-15.html)CSS（Cascading Style Sh

39、eets，层叠样式表），又称，层叠样式表），又称格式页，它定义很多样式定义方式来辅助格式页，它定义很多样式定义方式来辅助HTMLHTML。 使用使用CSS可以更加精确地控制网页的布局，当很多网可以更加精确地控制网页的布局，当很多网页使用同一种标记时，只需要修改一个页使用同一种标记时，只需要修改一个.CSS文件就可以文件就可以更改多个网页的外观和格式。更改多个网页的外观和格式。 通过通过CSSCSS可以控制任何可以控制任何HTMLHTML标记的样式，如标记的样式，如,等。等。但是有些浏览器不支持但是有些浏览器不支持CSSCSS，所以要将，所以要将中间的文字使用中间的文字使用括起来，括起来，这样当遇到不支持这样当遇到不支持CSSCSS的浏览器时，不会将其中的代码显的浏览器时，不会将其中的代码显示出来。示出来。2.7.2 CSS样式表的定义样式表的定义 1通过通过HTML标记定义标记定义 ( (例例2-16.html)2-16.html) 可以定义任何一个可以定义任何一个HTML标记，定义时在属性和属性值之标记，定义时在属性和属性值之间用间用“：”隔开，当有多重属性时，使用隔开，当有多重属性时，使用“；”进行分隔。进行分隔。 2用用id属性定义样式表属性定义样式表 ( (例例2-17.html)2-17.html)尽管任何一个尽管任何一个HTMLHTM