网页设计第5章
网页设计与制作自考第五章HTML历年考题整理
第五章HTML语言历年考题一、单选题1.在HTML语言中，标记</body>代表（）A.文件头开始B.文件头结束C.文件体开始D.文件体结束2.在HTML语言中，符号<pre>表示（）A.预排版标记B.文字效果标记C.特殊符号标记D.转行标记3.在HTML文件中，使一段文字按照原来的格式显示的标记是( )A.<form>B.<tr>C.<nobr>D.<pre>4.在HTML文件中，<u><／u>标记表示( )A.文本加粗B.文本加注底线C.文本斜体D.删除线5.在HTML语言中，<sup>代表( )A.倾斜标记B.文字闪烁标记C.下标标记D.上标标记6．在HTML语言中转行的标记是 ( )A．<p> B．<br> C．<title>D．<pre>7．在HTML中，关于文字效果标记的说法错误的是 ( )A．可以使用font标记color属性指定文字颜色B．可以使用font标记size属性指定文字大小C．可以使用em标记指定文字的斜体效果D．可以使用cite标记指定粗体字体8.在HTML页面中，&；表示的符号是( )A.<B.>C.&D.’’9．在HTML语言中，有些符号由于被标记或标记的属性所占用，在HTML文本中用特殊符号表示，“<；”代表的符号是( )A．& B．" C．>D．<10.在HTML标记中，关于<hx>的描述正确的是（）A.<hx>表示横线标记B.<hx>中的x表示1～6的数字标题字体标记有6种C.<hx>本身是一个独立的标记，表示新的行的开始D.<hx>必须与<／.hx>标记一起使用11.在HTML中，关于预排版标记<pre>…<／pre>叙述正确的是（）A.不需要重新排版的内容，可以用<pre>…<／pre>标记通知浏览器B.使用该标记时与<p>标记效果相同C.使用该标记与<quot>标记效果相同D.该标记已不在新版本中使用，取代它的是<quot>标记12.在HTML标记中，&表示的符号是（）A.<B.>C.＆D.@13.在HTML中，关于<br>的描述不正确的是（）A. <br>是转行标记B. <br>必须与</br>成对使用C. 与<br>相反的标记是<nobr>D. <br>与</br>之间的文字即使有回车符也不能自动换行14.下列标记中，字体最小的是( )A.〈H1〉B.〈H3〉C.〈H5〉D.〈H6〉15.不能使文字换行的标记是( )A.〈PRE〉B.〈BR〉C.〈P〉D.〈BLOCK〉16.对文字使用下划线的标记是( )A.〈X〉B.〈P〉C.〈U〉D.〈B〉17.上标标记是( )A.〈SUP〉B.〈SUB〉C.〈STRIKE〉D.〈BLINK〉18.BACKGROUND属性指定的是( )A.背景色B.背景音乐C.背景图片D.背景有无19.>表示的符号是( )A.<B.>C."D.&20.&表示的符号是( )A.<B.>C."D.&21.在HTML标记中，"表示的符号是（）A. QUOTB. &C. ＂D. <22．下列标记不能改变文字颜色的是（ ）A．<FONT COLOR=RED>B．<FONT COLOR="RED">C．<FONT COLOR=#FF0000>D．<FONT COLOR=#12>23．<表示的符号是（ ）A．< B．> C．″D．&24．下列不是文字斜体标记的是（）A．<em> B．(embed) C．(i> D．(cite)25．对文字使用删除线的标记是（）A．(d) B．(delete) C．(del) D．(strike)26.在HTML语言中，嵌入图片的标记是（）A.<caption>……</caption>B.<img src=¨URL¨>C.<embed src="URL">D.<a href="URL">字符串</a>27.在HTML中，符号清单的type属性值square表示( )A.实心圆点B.空心圆点C.实心方块D.空心方块28.在HTML文件中，单击一个链接，自动跳转到某网页的某一指定位置，此链接为( )A.邮件链接B.位置链接C.跳转链接D.书签链接29.下列标记属于单选按钮的是( )A.<input type="text">B.<input type="radio">C.<input type="button">D.<input type="checkbox">30.在表格标记中，cellpadding属性的作用是( )A.数据与表边框的距离B.表格边框的高度C.表格的扩展边距D.表格边框的宽度31.在HTML文件中，可以设置声音文件始终循环播放的是( )A.loop=″true″B. loopdelay=″true″C. loop=″no″D. loopdelay=″no″32.在HTML中，要定义一个书签应该使用的标记是( )A.<a target=″#object-name″>text<／a>B.<a link=″#object-name″>text<／a>C.<a name=″object-name″>text<／a>D.<a href=″#object-name″>text<／a>33.在HTML中，文本域的标记是( )A.<text…>B.<input type=text…>C.<input type=textarea…>D.<textarea…>34.在HTML中插入图片标记，对插入的图片进行文字说明，使用的属性是( )A.hspaceB.alignC.altD.src35．在HTML中，对于表格的标记，若单元格在水平方向上跨多个单元格，需使用的属性是 ( ) A．valign B．colspan C．nowrap D．rowspan36．在HTML页面中插入图片时，关于图像边框属性的说法错误的是 ( )A．图像和文字之间的距离是可以调整的B．可以用vspace属性调整图像和文字之间的上下距离C．默认值为1D．单位为像素37．在HTML中，属于复选框标记的是 ( )A．<input type="text"> B．<input type="checkbox">C．<input type="password">D．<input type="radio">38．符号清单包括( )A．选项清单和说明式清单B．标号清单和说明式清单C．选项清单和标号清单D．标号清单和嵌套清单39．在HTML中，指定Wav声音文件在网页中播放次数的是( )A．loop属性B．loopdelay属性C．start属性D．src属性40．在HTML中使用图像地图时，设置图像区域的形状为多边形的是( )A．triangle B．rect C．poly D．circle41．下列可以指定横向框架的是( )A．<frame cols="20％，*">B．<frameset cols="20％，*">C．<rows="20％，*">D．<frameset rows="20％，*">42.关于HTML文档的描述正确的是（）A.HTML文档不是ASCII文件B.HTML语法虽然简单，但也不能脱离如FrontPage、DreamWeaver等其它工具C.在学习HTML之前，首先要掌握一门编程语言D.创建一个HTML文档，所需的最基本标记是<html>和<／html>43.在HTML中，定义表格标题行的标记是( )A.<caption>B.<th>C.<td>D.<tr>44.在HTML中，表格合并水平单元格的标记是（）A.<td align=列>B.<td align=行>C.<td colspan=3>D.<td rowspan=3>46.在HTML中，图片的超级链接<area>标记不包含的属性是（）A.shapeB.img C．coords D.href47.关于HTML文档的描述正确的是（）A. <HTML>和</HTML>是最基本的两个标记B. 浏览器能够看到HTML文档的内容，主要原因是HTML文档是可执行的文档C. HTML文档可以是一门开发语言，可以编译成机器语言D. HTML文档是ASCII文件，无其它特殊功能48.在HTML中，说明表格行的标记是（）A. <caption>B. <tr>C. <th>D. <td>49.<input type =hidden name=mail value =＂**************＂>的作用是（）A. 暂时不执行该域B. 隐藏该域名称，供需要时使用C. 在页面上不会显示这个元素，但是当发送信息时可以把名为mail的值传递给处理程序D. 隐藏电子邮件，以防被浏览者使用50.在HTML中，合并表格垂直单元格使用的标记是（）A. <td align=列>B. <td align=行>C. <td colspan=3>D. <td rowspan=3>51.在HTML中，要想输入多行文本，应使用的标记是（）A. <input type=text…>B. <input type=textarea…>C. <text…>D. <textarea…>52.在HTML中，关于图片链接<area>标记中，shape属性的值不包含（）A. triangleB. rectC. circleD. poly53.标号清单的数字形式属性中，TYPE=#格式中，不包含的格式是( )A.1,2,3…B.A,B,C…C.i,ii,iii…D.甲,乙,丙…54.设置表格格内垂直对齐的HTML标记是( )A.〈td valign=?〉B.〈td colspan=#〉C.〈td rowspan=#〉D.〈td nowrap〉55.〈img src="name"align="left"〉意思是( )A.图像向左对齐B.图像向右对齐C.图像与底部对齐D.图像与顶部对齐56.创建一个滚动菜单的HTML代码是( )A.〈form〉〈/form〉B.〈select multiple name="NAME" size=?〉〈/select〉C.〈option〉D.〈select name="NAME"〉〈/select〉57.框架中“边缘宽度”的标记是( )A.〈img src="url" border=?〉B.〈frame marginheight=?〉C.〈frame marginwidth=?〉D.〈textarea wrap=off｜virtual｜physical〉〈/textarea〉58．不能使用CENTER属性的标记是（ ）A．<BODY> B．<TITLE> C．<P>D．<H3>5．<SUB>的标记是（ ）A．子串标记B．居中标记C．下标标记D．上标标记59．清单前的符号可由最外层加TYPE属性来控制，不属于符号清单的标记属性是（ ）A．DISC B．CIRCLE C．TRIANGLE D．SQUARE60．<CAPTION>标记设置的是表格的（ ）A．标题B．列标题C．带表框的表格D．居中且加粗的表格61．不属于TD标记属性的是（ ）A．WIDTH B．ALIGN C．BACKCOLOR D．NOWARP62．<TD COLSPAN=3>设置的是表格的（ ）A．宽度B．高度C．合并水平格D．边框63．在WEB页中插入图片使用的标记是（ ）A．<SRC> B．<IMG> C．<BGGROUND>D．<URL>64．下列标记不正确的是（ ）A．<a href=″test1.htm″>test</a>B．<a href=″test1.htm#Nokia8850″>Nokia 8850</a>C．<a name=″test.htm″>test</a>D．<a href=″#test.htm″>test</a>65．在菜单标记中，默认选中的标记是下列哪一项？（ ）A．<img src=″url″border=?>B．<option selected>C．<isindex prompt=″* * *″>D．<textarea wrap=ff | virtual | physical >< /textarea >66．下列特殊符号的HTML表示法正确的是（）A．B．C．D．67．超级链接应该使用的标记是（）A．(title) B．(body) C．(a) D．(head)68．下列标记可以不成对出现的是（）A．(html)(／html) B．(p)(／p) C．(title)<／title) D．(body)(／body) 69．不能在网页中嵌入的声音文件是（）A．后缀为．wav的文件 B．后缀为．mid的文件C．后缀为．au的文件 D．后缀为．md的文件70．设置背景音乐除了使用bgsound标记外，还可以使用的标记是（）A．<sound> B．<bgground) C．<embed) D．<gbmusic>71．<a name=“second”>text<／a>的作用是（）A．设置超级链接，链接到second页面上B．设置—个书签为second的标记C．设置—个链接，指向second文件D．设置第二个链接72．单图单向超级链接的格式是（）A．<a href=“URL”><img=“URL”>(／a)B．<a href=“URL”><URL=“URL”>(／a>C．<img src=“URL”>D．<img=“URL”>73．对于标记(input type=*)，其中t位置放上一个值，表示输入时显示*号。
网页设计与制作教程——Web前端开发(第6版)课件第5章 CSS3的属性5.8
《网页设计与制作教程Web前端开发第6版》 刘瑞新主编 配套资源
祝贺你又学完了一章
5.8 CSS属性的应用
【例5-21】设置图像边框，本例文件5-20.html的显示效果，如图5-25所示。
5.8 CSS属性的应用
3. 图像的不透明度 语法：opacity：value | inherit; 【例5-22】设置图像的透明度，本例文件5-22.html的显示效果，如图5-26所示。
5.8 CSS属性的应用
2. 图文链接 对链接的修饰，还可以利用背景图片将文字链接进一步的美化。 【例5-24】图文链接，本例文件5-24.html，鼠标未悬停时文字链接的效果，如图528（a）所示；鼠标悬停在文字链接上时的效果，如图5-28（b）所示。
5.8 CSS属性的应用
5.8.3 创建导航菜单 1. 纵向导航菜单 【例5-25】制作纵向列表模式的导航菜单，本例文件5-25.html，鼠标未悬停在 菜单项上时的效果，如图5-29（a）所示；鼠标悬停在菜单项上时的效果，如图 5-29（b）所示。
padding:5px 5px 5px 0.5em; text-decoration:none; /*链接无修饰*/ border-left:12px solid #711515; /*左边的粗红边框*/ border-right:1px solid #711515; /*右侧阴影*/ } #nav li a:link, #nav li a:visited{ /*未访问过的链接、访问过的链接的样式*/ background-color:#c11136; /*改变背景色*/ color:#fff; /*改变文字颜色*/ } #nav li a:hover{ /*鼠标悬停于菜单项上时的样式*/ background-color:#990020; /*改变背景色*/ color:#ff0; /*改变文字颜色*/ } 菜单经过进一步美化，显示效果如图5-29所示。
网页设计与制作案例教程(HTML5+CSS3)第5章使用CSS设置图像样式
规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）。
默认。背景颜色为透明。 规定应该从父元素继承 background-color 属性的设置。
WEB
32
5.4 知识库：CSS背景样式
5.4.2 背景图像样式
第5章 使用CSS 设置图像样式
5.1 基础项目1：制作“李彦宏——众里寻他千百 度”网页 5.2 知识库：CSS图像样式
目录
5.3 基础项目2：制作“少年中国说”网页 5.4 知识库：CSS背景样式 5.5 提高项目：制作“低碳生活 从我做起”网页 5.6 拓展项目：制作“春节民俗”网页
WEB
2
background-color属性可用于设置图像或其它网页元素的背景颜色。其可 能的属性值如下：
属性值
color_name hex_number
描述
规定颜色值为颜色名称的背景颜色（比如 red）。 规定颜色值为十六进制值的背景颜色（比如 #ff0000）。
rgb_number
transparent inherit
name属性或id属性相关联，创建图像与映射之间的联系。具体
是name属性还是id属性由浏览器决定，所以应同时向<map>标 签添加name和id两个属性。
5.2.3 图像映射
<area>标签永远嵌套在<map>标签内部。<area>标签 定义图像映射中的区域，其属性及属性值如下：
必需的属性 属性 alt 属性 coords href nohref shape 值 text 描述 定义此区域的替换文本。
效果
5.2.2 CSS常用图像样式
提示： 当vertical-align的值为bottom或者sub时，IE与Firefox 的显示结果是不一样的，它们无所谓谁对谁错。在工作中，建 议尽量少地使用浏览器间显示效果不一样的属性值。
《Dreamweaver网页设计》-第5章
站点根目录相对路径 站点根目录相对路径是指从站点的根文件夹到文档的路径。 当在处理使用多个服务器的 Web 站点，或者在使用承载 有多个不同站点的服务器时，则可能考虑使用这种类型的 路径。不过，如果您不太熟悉此类型的路径，最好使用上 面提到的相对路径。 站点根目录相对路径以一个正斜杠“/”开始，该正斜杠表示 站点根文件夹。比如，/inf/info.html 是文件的站点根目录 相对路径，该文件位于站点根文件夹的inf子文件夹中。 在某些 Web 站点中，需要经常在不同文件夹之间移动 HTML 文件，在这种情况下，站点根目录相对路径通常是 指定链接的最佳方法。当移动含有根目录相对链接的文档 时，不需要更改这些链接；当移动该HTML文件后，其相 关文件链接依然有效。 但是，如果移动或重命名根目录相对链接所链接的文档，即 使文档彼此之间的相对路径没有改变，仍必须更新这些链 接。例如，如果移动某个文件夹，则指向该文件夹中文件 的所有根目录相对链接都必须更新。
当要链接到与当前文档处于同一文件夹中的文档时，只需 输入文件名。比如要从 aboutus.htm 链接到 yewu.htm （两个文件在同一文件夹“bm”中，且目录深度相同）， 则其相对路径为yewu.htm。 当要链接到当前文档所在文件夹的子文件夹文档时，先要 有子文件夹名称，然后跟符号“/”，在加文件名。比如要 从 index.html 链接到 yewu.htm（两个文件在同一文件夹 “eshop”中，index.html处于父目录中，而yewu.htm处于 子目录bm中），则其相对路径为bm/yewu.htm。 反过来，当要链接到当前文档所在文件夹的父文件夹的文 档时，在文档名前要加“../”。比如要从yewu.htm链接到 index.html（两个文件在同一文件夹“eshop”中， index.html处于父目录中，而yewu.htm处于子目录bm中）， 则其相对路径为../ index.html。 当要链接到非同一目录的文档时，要先加“../”，后加文件 夹名再加链接到的文件名。比如要从 tupian.htm 链接到 aboutus.htm（两个文件在不同的目录中，tupian.htm在 “album”目录中，aboutus.htm在“bm”目录中），则其 相对路径为../bm/ aboutus.htm。
网页设计与开发第5章试卷及答案
《网页设计与开发第5章》试卷一、选择题1．下列哪一项是在新窗口中打开网页文档（）。
A．_selfB．_blankC．_topD．_parent答案: B2 .超链接是建立网站、网页主要元素之一。
若要建立在同一网页内的链接，应采用以下（）链接形式。
A．链接到一个E-mailB．书签式链接C．框架间链接D．链接到一个网站答案: B3 .若要在页面中创建一个图像超链接，要显示的图形为myhome.jpg，所链接的地址为，以下用法中正确的是（）。
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">答案: B4.下面是相对路径的是（）。
A．B．ftp://219.153.40.150C．../a.htmlD．/a.html答案: C5．表示跳转到页面的”bn”锚点的代码是：（）A. <a link="#bn"> ... </a>B. <a href="bn"> ... </a>C. <a href="#bn"> ... </a>D. <a herf="bn"> ... </a>答案: C6. <a href="hello.html#top"> ... </a>,表示（）A．跳转到”hello.html”页面的顶部B．跳转到”hello.html”页面的”top”锚点C．跳转到”hello.html”页面的底部D．跳转到”hello.html”页面的文字”top”所在链接答案: B7. 表示新开一个窗口的超链接代码是（）A. <a href=URL target=_new>..</a>B. <a href=URL target=_self>..</a>C. <a href=URL target=_blank>..</a>D. <a href=URL target=_parent>..</a>答案: C8.在父窗口打开超链接的代码是（）A. <a href=URL target=_top>..</a>B. <a href=URL target=_parent>..</a>C. <a href=URL target=_blank>..</a>D. <a href=URL target=_self>..</a>答案: B9.html语言中，创建一个位于文档内部的靶位的标记是？A. <name="NAME">B. <name="NAME"></name>C. <a name="NAME"></a>D. <a name="NAME"答案: C10、要想在新的浏览器窗口中打开链接页面，应将链接对象的“目标（target）”属性设为（）。
140701第5章 HTML5网页表单设计(定稿)
网页设计技术实用教程--从基础到前沿第5章HTML5网页表单设计（字数3万）参考文献：我chp6；陆chp4；格式类似我P73；目录5.1表单简介及应用案例5.2 表单主体设计---form 标记5.2表单主体设计（form）包括新增元素5.3表单输入域设计---input标记5.3 表单设计的相关属性包括新增属性input元素type属性的新增类型：电子邮件类型；搜索类型；URL类型；电话号码类型；数字类型；范围类型；日期类型；周类型；月份类型；时间类型；日期与时间类型；本地日期与时间类型；颜色类型；新增属性：form属性；formaction；formmethod；placeholder；autofocus；list；autocomplete；5.4 文本区与列表选择框设计--- textarea、select标记5.5标签与按钮设计---label、button标记5.6表单控件分组设计--- fieldset、legend标记5.7 HTML5表单设计前沿内容知识技术5.7.1 新增与改进的表单元素；HTML5表单新增与改进的元素5.7.2 新增与改进的表单属性；HTML5表单新增与改进的属性5.7.3 input域控件的type属性的新增与改进5.4 表单设计示例如果例子多，需要单独成节，可增加该节例子（见陆p46-59）按功能划分：input元素使用示例；form等属性示例；表单验证示例……5.8 使用DWCS5进行网页表单设计实例（薛凯7.3.5；对5.1节的案例用工具制作、设计）5.9本章小结5.10进阶学习5.11 思考与实践第5章HTML5表单设计本章导读：上一章我们学习了、了解了……网页中链接的设计。
而在网站注册或购物时不可或缺的元素就是表单，本章就引导大家读者学习表单的设计。
首先，通过一个案例的介绍，让大家领略了解表单在网站中的重要魅力作用，同时在读者建立起了对表单有了大概的初步感性认识印象后；接着通过理论与示例结合的方式，、详细具体讲解介绍表单主体及其内部各种标记和属性的知识；同时，紧跟技术的发展，讲述介绍HTML5表单设计前沿内容；如果有该节则加入此句有了在掌握了表单设计的基本知识、技术的理论储备准备之后，我们通过几个综合示例讲解表单设计中各种元素的实用方法，完成理论向实践的转变。
第5章 网页制作软件 Dreamweaver CS5(实验教程)
5.2 Dreamweaver CS5站点管理
5.2.3 站点的发布（Windows 7旗舰版平台 ）
1. 安装Internet信息服务
单击“开始”菜单 “控制面板”命令，在窗体中选择“卸载程 2. Web服务器设置 序”，再单击窗体左侧“打开或关闭Windows功能”。 在弹出的“Windows 功能”对话框中，若“Internet信息服务”复 单击“开始”菜单 |“控制面板”命令，在窗体中选择“系统和安 3. IE浏览 选框已勾选，说明本机已安装该组件，否则选中此复选框，单击 全”，再单击窗体右侧“管理工具”，然后启动“ Internet信息服务 启动本机（ Web服务器）IE浏览器，在地址栏输入本机IP地址或 “确定”按钮，等待安装完成。 (IIS) 管理器”应用程序 localhost，进入网站的首页“index.html”
微视频5-2 演示
5.3 网页制作基本操作
5.3.2 网页的文字处理
3. 设置滚动字幕
滚动字幕是用来显示滚动文本的，如网站的最新通知等。字幕 可以水平滚动，也可以上下滚动。 在Dreamweaver CS5中利用<marquee>标签插入字幕 。
选中要做字幕的 文本 ，单击菜单 栏“插入”|“标 签”命令，打开 “标签选择器” 对话框
• 网站与网页的创建与管理
• 网页制作的基本操作
• CSS样式表的创建与使用 • 网页的各种布局方式 • 行为的应用
5.1 Dreamweaver CS5概述
5.1.1 Dreamweaver的发展
Dreamweaver 1.0 Dreamweaver CS3
Dreamweaver 2.0
Dreamweaver 2.01 Dreamweaver 3 Macromedia Dreamweaver 4 时代 Dreamweaver 5 Dreamweaver MX Dreamweaver MX 2004 Dreamweaver 8.0 Adobe 时代
Web程序设计(第4版)-第5章
5.1 脚本语言JavaScript
5.1.2 JavaScript语言概述
• JavaScript是一种嵌入在HTML文件中的脚本语言，它 是基于对象和事件驱动的，能对诸如鼠标单击、表单输入、 页面浏览等用户事件做出反应并进行处理。 • JavaScript特点：
var str;
/*声明变量str*/
num1=10;
/*说明num1为整型，并将其值赋为10*/
num2=3.02e10;
str1="欢迎您";
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
5.1 脚本语言JavaScript
5.1.3 JavaScript编程基础
5.1 脚本语言JavaScript
5.1.3 JavaScript编程基础
4．运算符和表达式
• 算术运算符。算术运算符的操作数和结果都是数值型值。算术运算符 及位运算符可与赋值运算符结合形成简记形式
赋值运算符简记形式表
运算符 操 作
+
加法
*
乘法
%
取模
--
递减
运算符 -（双目） / ++ -（单目）
• 传统脚本语言常用来编写执行一次性任务，通常以文本(如 ASCII)保存，只在被调用时进行解释或编译。
• 而现在脚本和传统编程语言之间的界限越来越模糊。在一些 脚本语言中，有经验的程序员可以进行大量优化工作。
• 本章所讨论的脚本语言是指用于Web页面及程序设计的脚本 语言，它们通常是嵌入式（嵌入到HTML文件中）的、具有解 释执行的特征。
第5章 CSS和DIV的应用
第5章 CSS和DIV的应用
5.1 CSS样式 5.1.3 创建CSS样式 在Dreamweaver CS6中，执行“窗口”|“CSS样式” 命令，打开“CSS样式”面板，如图5.1所示。在 “CSS样式”面板的底部排列有几个按钮，具体内容 如下。 “附加样式表”：可以在HTML文档中链接一 个外部的CSS文件。 “新建CSS规则”：可以编辑新的CSS样式文件。
第5章 CSS和DIV的应用
5.1.4 定义CSS样式属性 3．区块样式的定义 在“CSS规则定义”对话框左侧的“分类”列表框中选择“区块”选项可 以定义标签和属性的间距和对齐设臵，如图5.5所示。
图5.5 区块样式的定义
第5章 CSS和DIV的应用
5.1.4 定义CSS样式属性 3．区块样式的定义 在“区块”中的各选项参数如下： • Word-spacing：设臵单词的间距，若要设臵特定的值，在下拉列表框 中选择“值”选项，然后输入一个数值，在第二个下拉列表框中选择 度量单位。 • Letter-spacing：增加或减小字母或字符的间距。若要减少字符间距， 指定一个负值，字母间距设臵覆盖对齐的文本设臵。 • Vertical-align：指定应用它的元素的垂直对齐方式。仅当应用于＜img ＞标签时，Dreamweaver才在文档窗口中显示该属性。 • Text-align：设臵元素中的文本对齐方式。 • Text-indent：指定第一行文本缩进的程度。可以使用负值创建凸出， 但显示取决于浏览器。仅当标签应用于块级元素时，Dreamweaver才 S和DIV的应用
5.1.4 定义CSS样式属性 在“类型”中的各选项参数如下： • Font-weight：对字体应用特定或相对的粗体量。“正常”等于 400,“粗体”等于700。 • Font-variant：设臵文本的小型大写字母变量。Dreamweaver不在文 档窗口中显示该属性。 • Text-transform：将选定内容中的每个单词的首字母大写或将文本设 臵为全部大写或小写。 • color：设臵文本颜色。
HTML5网页设计与制作教学课件第5章定义网页图片
5.2 定义网页图片
5.2.2 定义图片边框
2. 边框颜色和宽度 【随堂练习 】
在浏览器中预览显示效果，如图5-5所示。
图5-5 定义各边边框颜色的效果
5.2 定义网页图片
5.2.3 定义图片透明度
CSS3以前的版本没有定义图像透明度的标准属性，不过各个主要浏览器都自定义了专有透 明属性。下面简单地说明一下。
● IE浏览器 IE浏览器使用CSS滤镜来定义透明度，属 性用法如下所示。
● FF浏览器 FF浏览器定义了“-moz-opacity”私有 属性，该属性可以设计透明效果，属性用法 如下所示。
5.2 定义网页图片
5.2.3 定义图片透明度
● W3C标准属性 W3C在CSS 3版本中增加了定义透明度 的opacity属性，属性用法如下所示。
5.2 定义网页图片
5.2.2 定义图片边框
1. 边框样式 【随堂练习 】
在浏览器中预览，可以比较虚线和点线的效果，如图5-3所示。
图5-3 比较边框样式效果
5.2 定义网页图片
5.2.2 定义图片边框
1. 边框样式 【随堂练习 】
当单独定义对象的某边边框样式时，可以使用单边边框属性：
border-top-style （顶部边框样式）
步骤1 新建一个网页，保存为 test.html，在<body>内使用 <img>标签插入两幅相同的图片， 代码如下所示。
步骤2 在<head>标签内添加<style type="text/css">标签，定义一个内部样 式表，然后输入下面的代码，定义两个类 样式，用来设计图片边框效果，代码如下 所示。
其中，transparent属性值表示背景 色透明，该属性值为默认值。 color表示 指定颜色，为任意合法的颜色值。例如， 设计网页背景色为灰色，则可以设计如下 样式，代码如下所示。
网页设计与制作_第05章创建和设置超级链接ppt课件
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清 能形成 生产能 力。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
文本超级链接 图像超级链接 图像地图 电子邮件超级链接 锚记超级链接 空链接 鼠标经过图像 导航条 Flash文本 Flash按钮 脚本链接
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
(2) 根据目标端点的不同，超级链接可分为内部超级链接、外部超 级链接、电子邮件超级链接和锚记超级链接。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
5.2 创建超级链接
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
5.1.3 链接目标
链接目标用于设置单击某个链接时，被链接文件打开的位置。 通常，链接目标有以下4种形式。
【_blank】：将链接的文档载入一个新的浏览器窗口。 【_parent】：将链接的文档载入该链接所在框架的父框架或 父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档 载入整个浏览器窗口。 【_self】：将链接的文档载入链接所在的同一框架或窗口。 此目标是默认的，因此通常不需要特别指定。 【_top】：将链接的文档载入整个浏览器窗口，从而删除所有 框架。
网页设计与制作 自考 第五章HTML历年考题整理
第五章HTML语言历年考题一、单选题1.在HTML语言中，标记</body>代表（）A.文件头开始B.文件头结束C.文件体开始D.文件体结束2.在HTML语言中，符号<pre>表示（）A.预排版标记B.文字效果标记C.特殊符号标记D.转行标记3.在HTML文件中，使一段文字按照原来的格式显示的标记是( )A.<form>B.<tr>C.<nobr>D.<pre>4.在HTML文件中，<u><／u>标记表示( )A.文本加粗B.文本加注底线C.文本斜体D.删除线5.在HTML语言中，<sup>代表( )A.倾斜标记B.文字闪烁标记C.下标标记D.上标标记6．在HTML语言中转行的标记是 ( )A．<p> B．<br> C．<title> D．<pre>7．在HTML中，关于文字效果标记的说法错误的是 ( )A．可以使用font标记color属性指定文字颜色B．可以使用font标记size属性指定文字大小C．可以使用em标记指定文字的斜体效果D．可以使用cite标记指定粗体字体8.在HTML页面中，&；表示的符号是( )A.<B.>C.&D.’’9．在HTML语言中，有些符号由于被标记或标记的属性所占用，在HTML文本中用特殊符号表示，“<；”代表的符号是()A．& B．" C．> D．<10.在HTML标记中，关于<hx>的描述正确的是（）A.<hx>表示横线标记B.<hx>中的x表示1～6的数字标题字体标记有6种C.<hx>本身是一个独立的标记，表示新的行的开始D.<hx>必须与<／.hx>标记一起使用11.在HTML中，关于预排版标记<pre>…<／pre>叙述正确的是（）A.不需要重新排版的内容，可以用<pre>…<／pre>标记通知浏览器B.使用该标记时与<p>标记效果相同C.使用该标记与<quot>标记效果相同D.该标记已不在新版本中使用，取代它的是<quot>标记12.在HTML标记中，&表示的符号是（）A.<B.>C.＆D.@13.在HTML中，关于<br>的描述不正确．．．的是（）A. <br>是转行标记B. <br>必须与</br>成对使用C. 与<br>相反的标记是<nobr>D. <br>与</br>之间的文字即使有回车符也不能自动换行14.下列标记中，字体最小的是( )A.〈H1〉B.〈H3〉C.〈H5〉D.〈H6〉15.不能．．使文字换行的标记是( )A.〈PRE〉B.〈BR〉C.〈P〉D.〈BLOCK〉16.对文字使用下划线的标记是( )A.〈X〉B.〈P〉C.〈U〉D.〈B〉17.上标标记是( )A.〈SUP〉B.〈SUB〉C.〈STRIKE〉D.〈BLINK〉18.BACKGROUND属性指定的是( )A.背景色B.背景音乐C.背景图片D.背景有无19.>表示的符号是( )A.<B.>C."D.&20.&表示的符号是( )A.<B.>C."D.&21.在HTML标记中，"表示的符号是（）A. QUOTB. &C. ＂D. <22．下列标记不能．．改变文字颜色的是（）A．<FONT COLOR=RED> B．<FONT COLOR="RED">C．<FONT COLOR=#FF0000> D．<FONT COLOR=#12>23．<表示的符号是（）A．< B．> C．″D．&24．下列不是．．文字斜体标记的是（）A．<em> B．(embed) C．(i> D．(cite)25．对文字使用删除线的标记是（）A．(d) B．(delete) C．(del) D．(strike)26.在HTML语言中，嵌入图片的标记是（）A.<caption>……</caption>B.<img src=¨URL¨>C.<embed src="URL">D.<a href="URL">字符串</a>27.在HTML中，符号清单的type属性值square表示( )A.实心圆点B.空心圆点C.实心方块D.空心方块28.在HTML文件中，单击一个链接，自动跳转到某网页的某一指定位置，此链接为( )A.邮件链接B.位置链接C.跳转链接D.书签链接29.下列标记属于单选按钮的是( )A.<input type="text">B.<input type="radio">C.<input type="button">D.<input type="checkbox">30.在表格标记中，cellpadding属性的作用是( )A.数据与表边框的距离B.表格边框的高度C.表格的扩展边距D.表格边框的宽度31.在HTML文件中，可以设置声音文件始终循环播放的是( )A.loop=″true″B. loopdelay=″true″C. loop=″no″D. loopdelay=″no″32.在HTML中，要定义一个书签应该使用的标记是( )A.<a target=″#object-name″>text<／a>B.<a link=″#object-name″>text<／a>C.<a name=″object-name″>text<／a>D.<a href=″#object-name″>text<／a>33.在HTML中，文本域的标记是( )A.<text…>B.<input type=text…>C.<input type=textarea…>D.<textarea…>34.在HTML中插入图片标记，对插入的图片进行文字说明，使用的属性是( )A.hspaceB.alignC.altD.src35．在HTML中，对于表格的标记，若单元格在水平方向上跨多个单元格，需使用的属性是 ( ) A．valign B．colspan C．nowrap D．rowspan36．在HTML页面中插入图片时，关于图像边框属性的说法错误的是 ( )A．图像和文字之间的距离是可以调整的B．可以用vspace属性调整图像和文字之间的上下距离C．默认值为1D．单位为像素37．在HTML中，属于复选框标记的是 ( )A．<input type="text"> B．<input type="checkbox">C．<input type="password"> D．<input type="radio">38．符号清单包括()A．选项清单和说明式清单B．标号清单和说明式清单C．选项清单和标号清单D．标号清单和嵌套清单39．在HTML中，指定Wav声音文件在网页中播放次数的是()A．loop属性B．loopdelay属性C．start属性D．src属性40．在HTML中使用图像地图时，设置图像区域的形状为多边形的是()A．triangle B．rect C．poly D．circle41．下列可以指定横向框架的是()A．<frame cols="20％，*"> B．<frameset cols="20％，*">C．<rows="20％，*"> D．<frameset rows="20％，*">42.关于HTML文档的描述正确的是（）A.HTML文档不是ASCII文件B.HTML语法虽然简单，但也不能脱离如FrontPage、DreamWeaver等其它工具C.在学习HTML之前，首先要掌握一门编程语言D.创建一个HTML文档，所需的最基本标记是<html>和<／html>43.在HTML中，定义表格标题行的标记是( )A.<caption>B.<th>C.<td>D.<tr>44.在HTML中，表格合并水平单元格的标记是（）A.<td align=列>B.<td align=行>C.<td colspan=3>D.<td rowspan=3>46.在HTML中，图片的超级链接<area>标记不包．．含．的属性是（）A.shapeB.img C．coords D.href47.关于HTML文档的描述正确的是（）A. <HTML>和</HTML>是最基本的两个标记B. 浏览器能够看到HTML文档的内容，主要原因是HTML文档是可执行的文档C. HTML文档可以是一门开发语言，可以编译成机器语言D. HTML文档是ASCII文件，无其它特殊功能48.在HTML中，说明表格行的标记是（）A. <caption>B. <tr>C. <th>D. <td>49.<input type =hidden name=mail value =＂**************＂>的作用是（）A. 暂时不执行该域B. 隐藏该域名称，供需要时使用C. 在页面上不会显示这个元素，但是当发送信息时可以把名为mail的值传递给处理程序D. 隐藏电子邮件，以防被浏览者使用50.在HTML中，合并表格垂直单元格使用的标记是（）A. <td align=列>B. <td align=行>C. <td colspan=3>D. <td rowspan=3>51.在HTML中，要想输入多行文本，应使用的标记是（）A. <input type=text…>B. <input type=textarea…>C. <text…>D. <textarea…>52.在HTML中，关于图片链接<area>标记中，shape属性的值不包含．．．（）A. triangleB. rectC. circleD. poly53.标号清单的数字形式属性中，TYPE=#格式中，不包含．．．的格式是( )A.1,2,3…B.A,B,C…C.i,ii,iii…D.甲,乙,丙…54.设置表格格内垂直对齐的HTML标记是( )A.〈td valign=?〉B.〈td colspan=#〉C.〈td rowspan=#〉D.〈td nowrap〉55.〈img src="name"align="left"〉意思是( )A.图像向左对齐B.图像向右对齐C.图像与底部对齐D.图像与顶部对齐56.创建一个滚动菜单的HTML代码是( )A.〈form〉〈/form〉B.〈select multiple name="NAME" size=?〉〈/select〉C.〈option〉D.〈select name="NAME"〉〈/select〉57.框架中“边缘宽度”的标记是( )A.〈img src="url" border=?〉B.〈frame marginheight=?〉C.〈frame marginwidth=?〉D.〈textarea wrap=off｜virtual｜physical〉〈/textarea〉58．不能．．使用CENTER属性的标记是（）A．<BODY> B．<TITLE> C．<P> D．<H3>5．<SUB>的标记是（）A．子串标记B．居中标记C．下标标记D．上标标记59．清单前的符号可由最外层加TYPE属性来控制，不属于．．．符号清单的标记属性是（）A．DISC B．CIRCLE C．TRIANGLE D．SQUARE60．<CAPTION>标记设置的是表格的（）A．标题B．列标题C．带表框的表格D．居中且加粗的表格61．不属于．．．TD标记属性的是（）A．WIDTH B．ALIGN C．BACKCOLOR D．NOW ARP62．<TD COLSPAN=3>设置的是表格的（）A．宽度B．高度C．合并水平格D．边框63．在WEB页中插入图片使用的标记是（）A．<SRC> B．<IMG> C．<BGGROUND> D．<URL>64．下列标记不正确．．．的是（）A．<a href=″test1.htm″>test</a>B．<a href=″test1.htm#Nokia8850″>Nokia 8850</a>C．<a name=″test.htm″>test</a>D．<a href=″#test.htm″>test</a>65．在菜单标记中，默认选中的标记是下列哪一项？（）A．<img src=″url″border=?>B．<option selected>C．<isindex prompt=″* * *″>D．<textarea wrap=ff | virtual | physical >< /textarea >66．下列特殊符号的HTML表示法正确的是（）A．B．C．D．67．超级链接应该使用的标记是（）A．(title) B．(body) C．(a) D．(head)68．下列标记可以不成对出现的是（）A．(html)(／html) B．(p)(／p) C．(title)<／title) D．(body)(／body)69．不能．．在网页中嵌入的声音文件是（）A．后缀为．wav的文件 B．后缀为．mid的文件C．后缀为．au的文件 D．后缀为．md的文件70．设置背景音乐除了使用bgsound标记外，还可以使用的标记是（）A．<sound> B．<bgground) C．<embed) D．<gbmusic>71．<a name=“second”>text<／a>的作用是（）A．设置超级链接，链接到second页面上B．设置—个书签为second的标记C．设置—个链接，指向second文件D．设置第二个链接72．单图单向超级链接的格式是（）A．<a href=“URL”><img=“URL”>(／a)B．<a href=“URL”><URL=“URL”>(／a>C．<img src=“URL”>D．<img=“URL”>73．对于标记(input type=*)，其中t位置放上一个值，表示输入时显示*号。
网页设计与制作教程——Web前端开发(第6版)课件第5章 CSS3的属性5.6
5.6 CSS表格属性
<table border="1" style="caption-side: bottom;"> <caption>每餐饮料</caption> <tr> <th>早餐</th><th>午餐</th><th>晚餐</th> </tr> <tr> <td>可可</td><td>咖啡</td><td>茶</td> </tr>
<head> <meta charset="utf-8"> <title>CSS表格属性</title> <style type="text/css"> table.one { border-collapse: separate; /*表格边框独立*/ border-spacing: 10px; /*单元格水平、垂直距离均为10px*/ } table.two { border-collapse: separate; /*表格边框独立*/ border-spacing: 10px 20px; /*单元格水平距离10px、垂直距离30px*/ empty-cells: hide; /*表格的单元格无内容时隐藏单元格的边框*/ } </style>
</table> <hr /> <table border="1" style="border-collapse: collapse;border-spacing: 10px 20px;">
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
选择定义样式的 位置
前进
“新建CSS规则”对话框 新建CSS规则” CSS规则
后退
结束
“新建CSS规则”对话框 新建CSS规则” 新建CSS规则
第五章 网页的特效制作
类：创建类属性应用于文本范围或文本块的自定义样式
CSS样式 CSS样式 的类型
标签:重新定义特定HTML标签的默认格式设置 标签:重新定义特定HTML标签的默认格式设置 HTML 高级:为具体某个标签组合或所有包含特定Id属性的标签 高级:为具体某个标签组合或所有包含特定Id属性的标签 Id 定义格式设置,默认的“选择器”列表中包括a:active a:active、 定义格式设置,默认的“选择器”列表中包括a:active、 a:hover、 a:hover、a:link 和 a:visited
第五章 网页的特效制作
后退
结束
（6）定义CSS样式“列表”属性 定义CSS样式“列表” CSS样式
目录
前进
后退
“类型”：设置列表的标记。 类型” 设置列表的标记。 “项目符号图像”：为项目符号指定自定义图像。 项目符号图像” 为项目符号指定自定义图像。 “位置”：设置列表标记的缩进方式。 位置” 设置列表标记的缩进方式。
第五章 网页的特效制作
后退
结束
（8）定义CSS样式“扩展”属性 定义CSS样式“扩展” CSS样式
目录
前进
后退
“分页”：设置打印时在样式所控制的对象之前或之后强行分页。 分页” 设置打印时在样式所控制的对象之前或之后强行分页。 “光标”：设置当指针位于样式所控制的对象上时改变指针图像。 光标” 设置当指针位于样式所控制的对象上时改变指针图像。 “过滤器”：对样式所控制的对象应用特殊效果。 过滤器” 对样式所控制的对象应用特殊效果。
结束 后退 前进
第五章 网页的特效制作
知识细目
5.1 创建 创建CSS样式 样式
CSS样式的含义 样式的含义 CSS样式面板 样式面板 创建CSS样式 创建 样式 定义CSS样式属性 定义 样式属性
5.3 添加行为
行为的概念 行为面板 添加行为 更改或删除行为 动作名称及作用 事件名称及作用
目录
前进
第五章 网页的特效制作 结束
5.2 应用 应用CSS样式 样式
目录
编辑CSS样式 编辑CSS样式 CSS
选择“窗口→CSS样式”命令，打开“CSS样式”面板， 选择“窗口→CSS样式”命令，打开“CSS样式”面板，选择 样式 样式 要编辑的CSS样式，执行以下操作： 要编辑的CSS样式，执行以下操作： CSS样式 双击要编辑的样式名称 编辑CSS样式 编辑CSS样式 CSS 在“CSS样式”面板的“属性”窗格中编辑 CSS样式”面板的“属性” 样式 单击“CSS样式”面板右下方的“编辑样式” 单击“CSS样式”面板右下方的“编辑样式” 样式
目录
前进
后退
“行高”：设置文本所在行的高度，选择“正常”时自动计算字 行高” 设置文本所在行的高度，选择“正常” 体大小的行高，或输入一个确切的值。 体大小的行高，或输入一个确切的值。 修饰” 向文本添加下划线、上划线、删除线或使文本闪烁。 “修饰”：向文本添加下划线、上划线、删除线或使文本闪烁。
结束
5.1 创建 创建CSS样式 样式
目录
“CSS样式”的含义 “CSS样式” 样式
CSS即层叠样式表，是一种格式化网页的标准方式， CSS即层叠样式表，是一种格式化网页的标准方式，它通过设 即层叠样式表 置CSS属性使网页元素对象获得不同的效果。 CSS属性使网页元素对象获得不同的效果。 属性使网页元素对象获得不同的效果
第五章 网页的特效制作
（2）定义CSS样式“背景”属性 定义CSS样式“背景” CSS样式
目录
前进
后退
“背景颜色”和“背景图像”：给选定的对象添加背景颜色和背 背景颜色” 背景图像” 景图像。 景图像。 重复” 设置背景图像的重复方式。 “重复”：设置背景图像的重复方式。 附件” 设置图像是固定在原始位置还是随内容一起滚动。 “附件”：设置图像是固定在原始位置还是随内容一起滚动。
前进
后退
结束
第五章 网页的特效制作
5.3 添加行为
目录
“行为”的概念 行为”
行为是Dreamweaver CS3预置的JavaScript程序库 预置的JavaScript程序库。 行为是Dreamweaver CS3预置的JavaScript程序库。每个行为 包括一个动作和一个事件。 包括一个动作和一个事件。 事件是指引发动作产生的条件，即触发动态效果的原因，例 事件是指引发动作产生的条件，即触发动态效果的原因， 如鼠标移到某对象上、单击某对象等。 如鼠标移到某对象上、单击某对象等。 动作是指事件发生后计算机系统执行的一个动作， 动作是指事件发生后计算机系统执行的一个动作，即最终完 成的动态效果，例如打开浏览器窗口、弹出信息、播放声音等。 成的动态效果，例如打开浏览器窗口、弹出信息、播放声音等。
后退 前进
结束
第五章 网页的特效制作
本章任务
目录
学会CSS样式的创建、编辑和应用； 学会CSS样式的创建、编辑和应用； CSS样式的创建 学会使用CSS样式美化和布局网页的方法； 学会使用CSS样式美化和布局网页的方法； CSS样式美化和布局网页的方法 了解行为的概念； 了解行为的概念； 掌握创建行为的基本方法； 掌握创建行为的基本方法； 了解使用时间轴制作动画的基本原理； 了解使用时间轴制作动画的基本原理； 学会使用时间轴制作简单动画的方法。 学会使用时间轴制作简单动画的方法。
第五章 网页的特效制作
结束
（4）定义CSS样式“方框”属性 定义CSS样式“方框” CSS样式
目录
Байду номын сангаас
前进
后退
“填充”：指定元素内容与元素边框之间的间距。取消选择“全 填充” 指定元素内容与元素边框之间的间距。取消选择“ 部相同”选项可设置元素各个边的填充。 部相同”选项可设置元素各个边的填充。 边距” 指定一个元素的边框与另一个元素之间的间距。 “边距”：指定一个元素的边框与另一个元素之间的间距。
第五章 网页的特效制作
结束
（3）定义CSS样式“区块”属性 定义CSS样式“区块” CSS样式
目录
前进
后退
“单词间距”和“字母间距”：设置单词和字母的间距，选择 单词间距” 字母间距” 设置单词和字母的间距， 后可输入数值，并在右边的列表框中选择单位。 “值”后可输入数值，并在右边的列表框中选择单位。 垂直对齐” “垂直对齐”：设置选中对象相对于上级对象或所在行垂直方 向的对齐方式。 向的对齐方式。 文本对齐” 设置首行文字在对象中的对齐方式。 “文本对齐”：设置首行文字在对象中的对齐方式。
后退
结束
使用“CSS样式”面板创建CSS样式 使用“CSS样式”面板创建CSS样式 样式 CSS
打开“CSS样式” 打开“CSS样式” 样式 面板 单击“新建CSS 单击“新建CSS 规则” 规则”按钮 选择CSS样式的 选择CSS样式的 CSS 类型 目录
完成样式 的创建
设置CSS样式 设置CSS样式 CSS 的属性
第五章 网页的特效制作
结束
（5）定义CSS样式“边框”属性 定义CSS样式“边框” CSS样式
目录
前进
“样式”：设置边框的样式外观。样式的显示方式取决于浏览 样式” 设置边框的样式外观。 文档”窗口中将所有样式呈现为实线。 器，Dreamweaver 在“文档”窗口中将所有样式呈现为实线。 宽度” 设置元素边框的粗细。 “宽度”：设置元素边框的粗细。 颜色” 设置边框的颜色。可分别设置每条边的颜色， “颜色”：设置边框的颜色。可分别设置每条边的颜色，但显 示方式取决于浏览器。 示方式取决于浏览器。
5.2 应用 应用CSS样式 样式
编辑CSS样式 样式 编辑 应用CSS样式 应用 样式 删除CSS样式 删除 样式 重命名CSS样式 重命名 样式 链接外部CSS样式表 链接外部 样式表
5.4 制作动态效果
时间轴面板 制作直线动画 制作曲线动画 更改元素属性 动画的其他操作
后退
结束
第五章 网页的特效制作
第五章 网页的特效制作 结束
（7）定义CSS样式“定位”属性 定义CSS样式“定位” CSS样式
目录
前进
“类型”：设置对象的位置。 类型” 设置对象的位置。 显示” 设置对象的可见性，包括“继承” 可见” “显示”：设置对象的可见性，包括“继承”、“可见”和 隐藏” “隐藏”。 设置对象的层叠顺序，包括“自动” “Z轴”：设置对象的层叠顺序，包括“自动”和“值”两个 选项，值越大，越靠上显示。 选项，值越大，越靠上显示。 溢出” 设置内容超出容器时的处理方式。 “溢出”：设置内容超出容器时的处理方式。 定位” 设置放置对象的容器大小和位置。 “定位”：设置放置对象的容器大小和位置。 剪辑” 定义内容的可见区域。 “剪辑”：定义内容的可见区域。
结束 后退 前进
第五章 网页的特效制作
应用CSS类样式 应用CSS类样式 CSS
目录 选中要应用CSS样式的对象， 选中要应用CSS样式的对象，在“CSS样式”面板中右单击样式 CSS样式的对象 CSS样式” 样式 名称，在弹出的快捷菜单中选择“套用”命令。 名称，在弹出的快捷菜单中选择“套用”命令。 对于文本对象，也可以选中文本后，在其“属性”面板的“样式” 对于文本对象，也可以选中文本后，在其“属性”面板的“样式” 下拉列表中选择需要的样式名称。 下拉列表中选择需要的样式名称。 前进 对于图像、Flash动画 表格等页面对象，可在选中这些对象后， 动画、 对于图像、Flash动画、表格等页面对象，可在选中这些对象后， 属性”面板的“ 下拉列表中选择需要的样式名称。 在“属性”面板的“类”下拉列表中选择需要的样式名称。