第2章Web页面制作基础.ppt

《第2章Web页面制作基础.ppt》由会员分享，可在线阅读，更多相关《第2章Web页面制作基础.ppt（42页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第第2章章 Web页面制作基础页面制作基础2.1HTML概述概述2.2HTML文本设计文本设计2.3加入多媒体与超级链接加入多媒体与超级链接2.4制作表格制作表格2.5制作表单制作表单2.6框架结构框架结构2.7CSS基础基础2.1 HTML概述概述 2.1.1 HTML2.1.1 HTML简介简介HTMLHTML是（是（Hyper Text Markup LanguageHyper Text Markup Language，超文超文本标记语言）的缩写，用来表示网上信息的符号本标记语言）的缩写，用来表示网上信息的符号标记语言。标记语言。HTMLHTML最早源于最早源于SGMLSGML语言。语言

2、。HTMLHTML语言内容丰富，从功能上大体可分为：文语言内容丰富，从功能上大体可分为：文本结构设置、列表建立、文本属性制定、超链接、本结构设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格以及窗体的操作。图片和多媒体插入、对象、表格以及窗体的操作。2.1 HTML概述概述2.1.2 HTML2.1.2 HTML文档的结构文档的结构包括包括HEADHEAD、TITLETITLE、BODYBODY三部分，下面是基本结构：三部分，下面是基本结构：标题部分标题部分 正文部分正文部分 2.1 HTML概述概述2.1.3 HTML2.1.3 HTML标记标记1 1HTMLHTML文档标记

3、文档标记 格格式式：标标志志文文件件开开始始和和结结尾尾的的标记。标记。2 2HTMLHTML文件头标记文件头标记 格格式式：用用于于包包含含文文件件的的基基本本信信息。息。3 3HTMLHTML文件主体标记文件主体标记 格式：格式：文件主体标记。文件主体标记。注注意意：与与为为独独立立的的两两个个部部分分，不不能能互相嵌套。互相嵌套。2.1 HTML概述概述2.1.4常用常用HTML编辑工具编辑工具使用记事本等编辑器在保存文档或者更改文件使用记事本等编辑器在保存文档或者更改文件名时，把文件的扩展名设为名时，把文件的扩展名设为.htm或者或者.html即可，即可，那么这个文件就是一个那么这个文

4、件就是一个HTML文档。文档。为了使设计网页更加的方便，很多公司设计了为了使设计网页更加的方便，很多公司设计了专用的网页编辑器，像专用的网页编辑器，像Dreamweaver、FrontPage、CutePage、QuickSite等，是专门用等，是专门用来制作网页的，具有所见即所得的功能。来制作网页的，具有所见即所得的功能。2.2 HTMLHTML文本设计文本设计 2.2.1 2.2.1 设置设置的属性的属性 属性概述：属性概述：backgroundbackground属性（设置网页的背景图片）属性（设置网页的背景图片）bgcolorbgcolor 属性（设置网页的背景颜色）属性（设置网页的背

5、景颜色）bgpropertiesbgproperties属性（设置背景是否随滚动条滚动）属性（设置背景是否随滚动条滚动）linklink属性（设置尚未被访问过的超文本链接的颜色）属性（设置尚未被访问过的超文本链接的颜色）vlinkvlink属性（设置已被访问过的超文本链接的颜色）属性（设置已被访问过的超文本链接的颜色）alinkalink属性（设置超文本链接在被单击瞬间的颜色）属性（设置超文本链接在被单击瞬间的颜色）LeftmarginLeftmargin，topmargintopmargin属性（设置网页左和上边的空属性（设置网页左和上边的空白）白）MargingwidthMargingwi

6、dth，marginheightmarginheight属性（设置网页空白的宽属性（设置网页空白的宽度和高度）度和高度）2.2 HTMLHTML文本设计文本设计2.2.2 2.2.2 段落格式化段落格式化 1.1.标题标记标题标记格式：格式：，设置各种大小不同标题的标记。（例设置各种大小不同标题的标记。（例2-22-2）2 2段落标记段落标记格式：格式：设置段落标记。设置段落标记。3 3预定格式标记预定格式标记格格式式：在在浏浏览览器器中中浏浏览览时时，按按照照文档中预先排好的形式显示内容。（例文档中预先排好的形式显示内容。（例2-32-3）2.2 HTMLHTML文本设计文本设计4 4分区显

7、示标记分区显示标记格式格式：分区显示标记。分区显示标记。AlignAlign属性设置标记属性。（例属性设置标记属性。（例2-42-4）5 5词标记词标记格式：格式：功能：强制换行。功能：强制换行。格式：格式：功能：插入水平线标记。功能：插入水平线标记。（例（例2-52-5）6 6注释标记注释标记格式：格式：!-注释标记。注释标记。（例（例2-62-6）2.2 HTMLHTML文本设计文本设计2.2.3 2.2.3 建立列表建立列表 在在网网页页中中经经常常使使用用的的列列表表分分为为：有有序序列列表表和和无无序序列列表表。由由带带有有序序号号标标志志（如如数数字字、字字母母等等）的的表表项项组

8、组成成有有序序列列表表。否则就为无序列表。否则就为无序列表。1.1.有序列表有序列表格式：格式：OL type=LI type=”LI type=”功能：建立有序列表。功能：建立有序列表。2.2 HTMLHTML文本设计文本设计2.2.无序列表无序列表格式：格式：UL type=”LI type=”LI type=”功能：建立无序列表。功能：建立无序列表。2.2 HTMLHTML文本设计文本设计3.3.自定义列表自定义列表格式：格式：注意：注意：根据文档的具体要求，列表可以嵌套使用。根据文档的具体要求，列表可以嵌套使用。（例（例2-72-7）2.2 HTMLHTML文本设计文本设计2.2.4

9、2.2.4 字符格式化字符格式化 1 1字体设置标记字体设置标记格式：格式：功能：设置字体格式标记。功能：设置字体格式标记。size=sizesize=size：设设置置文文字字的的大大小小。数数字字的的范范围围为为1717，取取 1 1时时 最最 小小，取取 7 7时时 最最 大大，默默 认认 的的 数数 值值 为为 3 3。face=face=fontstylefontstyle：设置字体，如宋体、黑体、隶书等。设置字体，如宋体、黑体、隶书等。color=color=colorvaluecolorvalue：设置文字的颜色。设置文字的颜色。（例（例2-82-8）2.2 HTMLHTML文本

10、设计文本设计2其他标记其他标记（例（例2-9,2-9,例例2-91,2-91,例例2-92 2-92）其他标记格式其他标记格式功能功能给字符加下划线给字符加下划线给字符上加删除线给字符上加删除线给字符加粗给字符加粗将字符设置成斜体将字符设置成斜体标记使得其中的文字产生闪烁的效果标记使得其中的文字产生闪烁的效果2.3 加入多媒体与超级链接 2.3.1 2.3.1 加入图像、视频、动画加入图像、视频、动画 格式：格式：功能：在网页中加入图像、视频、动画等。功能：在网页中加入图像、视频、动画等。1 1插入图像插入图像 图图像像在在网网页页设设计计中中是是必必不不可可少少的的，所所以以用用户户应应掌握

11、在网页中操作图像的方法。掌握在网页中操作图像的方法。（例（例2-102-10）2.3 加入多媒体与超级链接标记属性标记属性功能功能src=URL通过通过URL给出图像来源的位置，不可缺省给出图像来源的位置，不可缺省width=size设置图像宽度设置图像宽度height=size设置图像高度设置图像高度alt=txt设置在图像未载入前图片位置显示的文字设置在图像未载入前图片位置显示的文字border=size设置图像边框，缺省为设置图像边框，缺省为0align=alignstyle设设置置对对齐齐方方式式。取取值值为为：top，middle，bottom，aleft，righthspace=s

12、ize设置图片左右边沿空白设置图片左右边沿空白vspace=size设置图片上下边沿空白设置图片上下边沿空白2.3 加入多媒体与超级链接 2 2插入视频插入视频使使用用插插入入视视频频或或动动画画时时，含含有有的的属属性性如如下下表表：（RMVB.HTMLRMVB.HTML）标记属性标记属性功能功能dynsrc=URL设置多媒体来源位置设置多媒体来源位置loop=size设置视频播放的次数设置视频播放的次数loopdelay=time设置两次播放的间隔时间设置两次播放的间隔时间start=value指定何时开始播放视频文件指定何时开始播放视频文件2.3 加入多媒体与超级链接2.3.2 2.3.

13、2 加入超级链接加入超级链接 格式：格式：功能：在当前页和其他内容间建立超链接。功能：在当前页和其他内容间建立超链接。（例（例2-112-11）标记属性标记属性功能功能href=URL给定链接目标的位置给定链接目标的位置target=frametarget设置显示链接目标的框架设置显示链接目标的框架accesskey=character设置快捷键设置快捷键tabindex=num设置设置Tab键的顺序键的顺序rel=linktype设置到链接的关系设置到链接的关系2.4 制作表格2.4.1 建立表格建立表格 2.4 制作表格 2.4.1 建立表格建立表格创建表格是规划页面最常用的方法。创建表格

14、是规划页面最常用的方法。格式：格式：功能：创建表格进行页面设计。功能：创建表格进行页面设计。在在浏浏览览器器中中显显示示时时，表表格格的的整整体体外外观观由由标记的属性决定标记的属性决定。2.4 制作表格标记属性标记属性功能功能border=size设置表格边框大小设置表格边框大小width=size设置表格的宽度设置表格的宽度height=size设置表格的高度设置表格的高度cellspacing=size设置单元格间距设置单元格间距cellpadding=size设置单元格的填充距设置单元格的填充距background=URL设置表格背景图片设置表格背景图片bgcolor=colorval

15、ue设置表格背景色设置表格背景色align=alignstyle设置对齐方式设置对齐方式cols=size设置表格的列数设置表格的列数2.4 制作表格2.4.2 定制表格定制表格只只是是空空表表格格，还还需需要要定定义义行行和和单单元元格。格。格式：格式：功能：定义表格的一行。功能：定义表格的一行。格式：格式：功能：定义表格的表头。功能：定义表格的表头。格式：格式：功能：定义表格中的单元格。功能：定义表格中的单元格。格式：格式：功能：定义表格标题，显示在表格上方。功能：定义表格标题，显示在表格上方。（例（例2-122-12）2.5 制作表单制作表单 2.5.1表单的结构表单的结构格式：格式：定

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

17、设置可支持的字符列表2.5 制作表单制作表单2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 1 1输入域输入域（1 1）单行输入域）单行输入域功功能能：单单一一标标记记，主主要要用用来来设设计计表表单单中中提提供供给给用用户户的输入形式。的输入形式。主要分为以下几种类型：主要分为以下几种类型：1 1）texttext单行文本框单行文本框 2 2）passwordpassword密码域密码域 3 3）radioradio单选按钮单选按钮 4 4）checkboxcheckbox复选框复选框5 5）submitsubmit提交按钮提交按钮 6 6）resetreset重置按钮重置

18、按钮 7 7）hiddenhidden隐藏域隐藏域 8)image8)image图像发送按钮图像发送按钮9)Button9)Button一般按钮一般按钮 Input标记属性值标记属性值标记属性标记属性功能功能type=inputype设置输入域的类型设置输入域的类型name=cdata设置表项的控制名，在表单处理时设置表项的控制名，在表单处理时size=num设置表单域的长度设置表单域的长度maxlength=num设置允许输入的最大字符数设置允许输入的最大字符数value=cdata设置输入域的值设置输入域的值checked设置是否被选中设置是否被选中2.5 制作表单制作表单2.5.2 FO

19、RM2.5.2 FORM中常用的标记中常用的标记 1 1）texttext单行文本框单行文本框这这是是TYPETYPE默默认认类类型型。如如果果输输入入类类型型为为TEXTTEXT，则其他属性的含义如下：则其他属性的含义如下：Name:Name:将输入值传给将输入值传给CGICGI程序时与输入值相对应的名称。程序时与输入值相对应的名称。Size:Size:输入窗口的长度，默认值为输入窗口的长度，默认值为2020，以字节为单位。，以字节为单位。Value:Value:设定预先在窗口显示的信息。设定预先在窗口显示的信息。MaxlengthMaxlength：限制最多输入的字节数。：限制最多输入的字

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

21、显示的信息。设定预先在窗口显示的信息。MaxlengthMaxlength：限制最多输入的字节数。：限制最多输入的字节数。2.5 制作表单制作表单2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 3 3）RADIORADIO单选按钮单选按钮这这种种类类型型为为用用户户提提供供单单选选按按钮钮进进行行选选择择，只只能能在在多多个个选选项项中中选选择择一一项项。由由于于选选择择是是唯唯一一的的，因因此此属属性性namename取取相相同同的的值值，但但属属性性valuevalue的的值值各不相同。其他属性的含义如下：各不相同。其他属性的含义如下：Name:Name:将输入值传给将输

22、入值传给CGICGI程序时与输入值相对应的名称。程序时与输入值相对应的名称。Value:Value:每个选项对应的值。每个选项对应的值。checkedchecked：指明是否被用户选中。：指明是否被用户选中。2.5 制作表单制作表单2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 4 4）CHECKBOXCHECKBOX复选框复选框这这种种类类型型为为用用户户提提供供复复选选框框进进行行选选择择，在在多多个个选选项项中中可可以以选选择择一一项项或或者者多多项项。由由于于每每一一项项都都可可以以被被选选择择，属属性性namename取取相相同同的的值值，但但属属性性valueva

23、lue的值各不相同。其他属性的含义如下：的值各不相同。其他属性的含义如下：Name:Name:将输入值传给将输入值传给CGICGI程序时与输入值相对应的名称。程序时与输入值相对应的名称。Value:Value:每个选项对应的值。每个选项对应的值。checkedchecked：指明是否被用户选中。：指明是否被用户选中。2.5 制作表单制作表单2.5.2 FORM2.5.2 FORM中常用的标记中常用的标记 5 5）SUBMITSUBMIT提交按钮提交按钮这这种种类类型型在在浏浏览览器器中中产产生生一一个个提提交交按按钮钮，当当用用户户用用鼠鼠标标单单击击这这个个按按钮钮后后，用用户户的的输输入入

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

25、中中产产生生一一个个重重置置按按钮钮，当当用用户户用用鼠鼠标标单单击击这这个个按按钮钮后后，用用户户的的输输入入信信息息全全部部被被清清楚楚，以以便便用用户户重重新新输输入入。同同SUBMITSUBMIT一一样样，resetreset类类型型只只有有属属性性namename和和属属性性ValueValue。其其属性的含义如下：属性的含义如下：Name:Name:将输入值传给将输入值传给CGICGI程序时与输入值相对应的名称。程序时与输入值相对应的名称。Value:Value:每个选项对应的值。每个选项对应的值。2.5 制作表单制作表单2.5.2 FORM2.5.2 FORM中常用的标记中常用的

26、标记 7 7）HiddenHidden隐藏域隐藏域这这种种类类型型将将InputInput标标记记的的区区域域隐隐藏藏起起来来，使使之之不不出出现现在在屏屏幕幕中中，其其作作用用主主要要是是为为了了处处理理程程序序方方便便，在在发发送送表表单单时时发发送送几几个个不不需需要要用户填写但是程序又需要的数据。用户填写但是程序又需要的数据。2.5 制作表单制作表单（2 2）多行输入域标记）多行输入域标记定定于于多多行行文文本本输输入入域域（许许多多浏浏览览器器限限制制文本域中的内容不得超过文本域中的内容不得超过32KB32KB或者或者64KB64KB）标记属性标记属性功能功能name=cdata设置

27、设置FORM提交的输入信息的名称提交的输入信息的名称rows=num设置文本域的行数设置文本域的行数cols=num设置文本域的列数设置文本域的列数tabindex=num设置设置tab键的次序键的次序2.5 制作表单制作表单2 2按钮按钮格式：格式：功能：定义按钮。功能：定义按钮。标记属性标记属性功能功能name=cdata设置已发送表单的关键字。设置已发送表单的关键字。value=cdata设置已发送表单的值。设置已发送表单的值。type=buttontype设置按钮的类型。设置按钮的类型。tabindex=num设置设置tab键的次序。键的次序。2.5 制作表单制作表单3 3选择域选择域

28、格式：格式：选项一选项一 选项二选项二 功能：定义选择栏。（类似于下拉列表框）功能：定义选择栏。（类似于下拉列表框）2.6 框架结构框架结构 2.6.1 2.6.1 框架结构的文件格式框架结构的文件格式 注意：注意：在老版本的浏览器在老版本的浏览器 可能不支持框架结构。可能不支持框架结构。2.6 框架结构框架结构2.6.2 2.6.2 框架结构标记的使用框架结构标记的使用 格式：格式：标记属性标记属性功能功能rows=size设置多重框架的高度设置多重框架的高度cols=size设置多重框架的宽度设置多重框架的宽度onload=script设置框架被载入的事件设置框架被载入的事件onunloa

29、d=script设置框架被卸载的事件设置框架被卸载的事件2.6 框架结构框架结构2.6.3 FRAME2.6.3 FRAME标记标记(例例2-14)2-14)标记属性标记属性功能功能src=URL设置要链接到的设置要链接到的HTML文件文件name=framename表示子窗口的名字表示子窗口的名字marginwidth=size用来控制显示内容和窗口左右边界的距离，默认为用来控制显示内容和窗口左右边界的距离，默认为1marginheight=size用来控制显示内容和窗口上下边界的距离，默认为用来控制显示内容和窗口上下边界的距离，默认为1scrolling=scrollingstyle指指定

30、定子子窗窗口口是是否否使使用用滚滚动动条条，有有YES/NO/AUTO三三个个值值，默默认认AUTO，即即根根据据窗窗口口内内容容决决定定是是否否有有滚滚动动条条noresize使用该属性后，指定窗口不能调整窗口大小使用该属性后，指定窗口不能调整窗口大小2.6 框架结构框架结构TARGET属性三种常见的用法：属性三种常见的用法：1 1用于用于A A标记标记 2 2用于用于BASEBASE标记标记 BASE TARGET=“WINDOWS_NAME”BASE TARGET=“WINDOWS_NAME”3 3用于用于FORMFORM标记标记FORM ACTION=“”TARGET=“WINDOWS

31、_NAME”2.7 CSS基础基础 2.7.1CSS样式简介样式简介CSS（CascadingStyleSheets，层叠样式表），又称格层叠样式表），又称格式页，它定义很多样式定义方式来辅助式页，它定义很多样式定义方式来辅助HTMLHTML。(例例2-15)2-15)使用使用CSS可以更加精确地控制网页的布局，当很多网可以更加精确地控制网页的布局，当很多网页使用同一种标记时，只需要修改一个页使用同一种标记时，只需要修改一个.CSS文件就可以文件就可以更改多个网页的外观和格式。更改多个网页的外观和格式。通过通过CSSCSS可以控制任何可以控制任何HTMLHTML标记的样式，如标记的样式，如,等

32、，但是有些浏览器不支持等，但是有些浏览器不支持CSSCSS，所以要将，所以要将中间的文字使用中间的文字使用!-括起来，这样当遇到不支持括起来，这样当遇到不支持CSSCSS的浏览器时，不会的浏览器时，不会将其中的代码显示出来。将其中的代码显示出来。2.7.2CSS样式表的定义样式表的定义1通过通过HTML标记定义标记定义(例例2-16)2-16)可以定义任何一个可以定义任何一个HTML标记，定义时在属性和属性值之标记，定义时在属性和属性值之间用间用“：”隔开，当有多重属性时，使用隔开，当有多重属性时，使用“；”进行分隔。进行分隔。2用用id属性定义样式表属性定义样式表(例例2-17)2-17)尽

33、管任何一个尽管任何一个HTMLHTML标记都可以用来定义相应的样式表，但标记都可以用来定义相应的样式表，但是对于标记进行定义显得很复杂，而且不灵活，于是引入两个是对于标记进行定义显得很复杂，而且不灵活，于是引入两个HTMLHTML标记的属性标记的属性id(id(标识符标识符)和和classclass（类）来定义样式表。（类）来定义样式表。IdId以以“#”#”开头，再把标准的属性和属性值写入大括号内。开头，再把标准的属性和属性值写入大括号内。如果在网页中不使用如果在网页中不使用JavaScriptJavaScript语言，语言，IdId属性标记要少用，属性标记要少用，一位它具有一定的局限性。一

34、位它具有一定的局限性。3使用使用class定义样式表定义样式表(例例2-17)2-17)使用使用CLASSCLASS的方法和的方法和idid方法基本相同。方法基本相同。ClassClass以以“.”.”开头，把标准的属性和属性值写入大括号内。开头，把标准的属性和属性值写入大括号内。2.7 CSS基础基础 2.7 CSS基础基础2.7.3在在HTML中加入中加入CSS的方法的方法1嵌入式样式表嵌入式样式表这种方法只需要在用用样式的这种方法只需要在用用样式的HTML标记内书写上标记内书写上CSS属性属性就可以了，主要用于对具体的标记做特定的调整，作用范围仅就可以了，主要用于对具体的标记做特定的调整

35、，作用范围仅限于本标记内，要少用。使用方法如下：限于本标记内，要少用。使用方法如下：2内联式样式表内联式样式表这种方法把定义这种方法把定义CSS样式的语句放在样式的语句放在HTML文件的文件的部分部分,在网页中使用时在网页中使用时,在规定样式的在规定样式的HTML标记中用标记中用id=“”或或class=“”属性来引用，作用范围是当前页。属性来引用，作用范围是当前页。3外联式样式表外联式样式表这种方式把样式定义成一个这种方式把样式定义成一个.CSS文件，再链接到网页中。文件，再链接到网页中。4输入式样式表输入式样式表2.7 CSS基础基础2.7.3在在HTML中加入中加入CSS的方法的方法3外

36、联式样式表外联式样式表这种方式把样式定义成一个这种方式把样式定义成一个.CSS文件，再链接到网页中。文件，再链接到网页中。.CSS文件的应用是在文件的应用是在HTML的的之间使用语句之间使用语句。Href的值表示样的值表示样式表文件的相对位置，式表文件的相对位置，rel表示引用文件和当前页面的关系，通表示引用文件和当前页面的关系，通常常rel的值是的值是stylesheet，表示当前文件是，表示当前文件是HTML主文件，饮用的主文件，饮用的文件是修饰当前文件的样式表文件。文件是修饰当前文件的样式表文件。它的作用范围是整个网站内的网页，使网站风格保持统一。它的作用范围是整个网站内的网页，使网站风格保持统一。4输入式样式表输入式样式表这种方式与外联式样式表很类似，灵活性较高。在同一网页这种方式与外联式样式表很类似，灵活性较高。在同一网页中可以输入多个样式表。它的作用是对整个网页做最笼统的规中可以输入多个样式表。它的作用是对整个网页做最笼统的规划。划。引用方法是：引用方法是：import import urlurl(文件路径文件路径)，路径可以使样式表相，路径可以使样式表相对于对于HTMLHTML文件的路径，或者是一个网址。文件的路径，或者是一个网址。