丽水职业技术学院网页样式与布局期末复习题_第1页
丽水职业技术学院网页样式与布局期末复习题_第2页
丽水职业技术学院网页样式与布局期末复习题_第3页
丽水职业技术学院网页样式与布局期末复习题_第4页
丽水职业技术学院网页样式与布局期末复习题_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、网页样式与布局复习题一、填空题： 1.上网浏览网页时，一般使用 作为客户端程序。2.在HTML页面中，title标记符应位于 <head>和</head> 标记符之间。3.目前常用的WEB标准静态页面语言是 HTML 。4.改变元素的外边距用 _margin_ ，改变元素的内边距用  padding 。5.Color:#666666;可缩写为 color:#666 。6. 合理的页面布局中常听过结构与表现分离，那么结构是 xhtml ，表现是 css 。7.CSS 的常用的选择器有 标签选择器 id选择器 、 和 类选择器 。8.在CSS中，盒子模型的padd

2、ing属性包括有 顶填充 、 左填充 、右填充和底填充等属性。9.一个完整的XML文档由 文档声明 、 元素 、 字符引用和处理指令组成的。10.边框的样式可以包含的值包括粗细、 和 等。11.在HTML文档中，可以直接将JavaScript代码编写到 标签中间，注意不能将 标签放进的<script></script>标签中。12.在CSS中，使用给display属性设置值 和 为可以分别定义块元素和行内元素。13. 一个HTML基本页面的内容都包含在 标签内，在这对标签内通常包含有 、 和 等三个要素。14. 是一个区块容器标记，在该标记中，可以放置其他的一些HTML

3、元素。15.div与span的区别是 。16.如右图为一个border为1px 的div块，总宽度为215px（包括border），阴影区为padding-left:25px;，那么此div的width应设置为 px。17.在CSS中，盒模型的属性包括有 、 和padding等。19.按照内容形式的不同，网站可以分为 、 、专业网站和个人网站。20.常见的网页布局有 、 、 分栏型、封面型和Flash型。21.常用的网页测试方式有 、 和 等3种。二、判断题： 1. <!和!>标记是被JavaScript作为注释来使用的。 （ ）2.IE浏览器与Firefox浏览器之间不存在着一些

4、CSS样式的兼容的问题，所以不会出现字体大小不兼容的问题。 （ ）3.在CSS中定义盒子模型时，外边界也可以使用负值。 （ ）4.在CSS中，可以使用列表样式属性来设置列表的样式的项目符号。 （ ）5.使用CSS定位时，可以通过“相对”、“绝对”或“固定”方式，对网页里的任何一个元素进行定位。 （ ）6. / 标记是被JavaScript作为注释来使用的。 （ ）7. em是CSS中用到的一种度量单位1em等于18像素。 （ ）8. 边框的样式可以包含的值包括长度。 （ ）9. CSS中对于中文可以使用word-spacing属性对字间距进行调整。 （ ）10. HTML中所有的标签都是成对出

5、现，都拥有起始标签和结束标签。 ( )11. HTML中所有的标签都不需要成对出现，有无起始标签和结束标签都行。（ ） 12. HTML中的标签无需区分大小写。 （ ）13. HTML中标签要区分大小写。 （ ）14./*/是用于CSS样式文件的注释。 （ ）15. <br>标签命令是没有对应的结束标记的。 （ ）三、选择题: 1.HTML中的（ ）标签是用于定义浏览器窗口标题栏上的文本信息。A. html B. body C. br D. title2. HTML是一种（ ）。 A. 超文本标记语言 B. 超文本编程语言 C. 超文本脚本语言 D. 可扩展超文本标签语言3. &l

6、t;b></b>标签的作用是（ ）。 A. 把文本作为标题来显示 B. 把文本作为斜体来显示 C. 把文本作为粗体来显示 D. 用于显示强调的文本4.下列(   )样式定义后,内联(非块状)元素可以定义宽度和高度。A. display:inline B. display:noneC. display:block D. display:inherit5.关于CSS样式的四种引入方式正确的是（ ）。A.内容样式，内嵌样式，链接样式，导入样式B.行内样式，链接样式，导入样式，内容样式C.内嵌样式，行内样式，导入样式，链接样式D.内容样式，内嵌样式，链接样式，导出

7、样式6.CSS中ID选择符在定义的前面要有指示符（ ）。 A. * B. # C. ! D. .7.下列选项中不属于CSS 文本属性的是（ ）。A. font-size B. line-heightC. text-align D. text-transform8.a:hover表示超链接文字在（ ）时的状态。 A. 鼠标放上去 B. 鼠标经过 C. 鼠标按下 D. 访问过后 9.li元素中包含img元素的时候，IE6中img下面多出了5px左右的空白，下列哪个处理办法不可行（ ）。A. 使 li 浮动，并设置img为块级元素B. 设置ul的 font-size:0;C. 设置img的margi

8、n: 0;D. 设置img的margin-bottom: -5px;10.关于XML语言下列描述不正确的是（ ）。 A. XML声明是处理指令的一种，必须位于XML文档的第一行。 B. XML中的元素样式是：<标记>数据内容</标记>。 C. XML不是一种具有严格语义的结构化语言。 D. XML的属性值必须加引号。11.下面的（ ）CSS属性是用于更改背景颜色的。 A. background-color: B. bgcolor: C. text: D. color:12.下面的（ ）是用于给所有的<h1>标签添加背景颜色。A. .h1 background

9、-color:#FFFFFF B. h1 background-color:#FFFFFF; C. #h1 background-color:#FFFFFFD. h1.all background-color:#FFFFFF13.下列的CSS属性中，（ ）可以用于更改样式表的字体颜色。 A. text-color= B. fgcolor: C. text-color: D. color: 14.下列的CSS属性中，（ ）可以用于更改字体大小。A. text-size B. font-size C. text-style D. font-style 15. 下列的CSS属性中，（ ）设置盒子模型

10、的左侧外边界。A. margin: <值> B. indent: <值>C. margin-left: <值> D. text-indent: <值>16. CSS是利用什么HTML标记构建网页布局？（）A. <dir> B. <div>C. <dis> D. <dif>17. 在CSS 中不属于添加在当前页面的形式是（ ）。A.内联式样式表 B.嵌入式样式表C.层叠式样式表 D.链接式样式表 18. CSS中，盒子模型的属性不包括（）。A. font B. marginC. padding D.

11、border 19. 为了标识一个HTML文件开始应该使用的HTML标记是 ( )。A.<table> B.<body> C.<html> D.<a> 20. 在网页中最为常用的两种图像格式是( )。A.JPEG和GIF B.JPEG和PSD C.GIF和BMP D.BMP和PSD 21. HTML中（ ）标签必须嵌套于head标签之中。A. body B. title C. image D. html22. 在HTML中，下面是段落标签的是： （ ） 。A. <HTML></HTML> B. <HEAD>&l

12、t;/HEAD> C. <BODY></BODY> D. <P></P> 23. 怎样给html中的所有h1标签增加一个背景色( )A. all.h1 background-color:#FFFFFF; B. h1 background-color:#FFFFFF; C. h1.all background-color:#FFFFFF; D. h1.total background-color:#FFFFFF; 24. 以下代码片段中，属于绝对定位的是（ ）。A. #boxwidth:100px;height:50px; B. #boxwi

13、dth:100px;height:50px;position:absolute;C. #boxwidth:100px;height:50px;position:static;D. #boxwidth:100px;height:50px;position:relative; 25若要在网页中插入样式表main.css，以下用法中，正确的是（ ）。A.<Link href=”main.css” type=text/css rel=stylesheet>B.<Link Src=”main.css” type=text/css rel=stylesheet>C.<Link

14、 href=”main.css” type=text/css>D.<Include href=”main.css” type=text/css rel=stylesheet> 26. 以下选项可以定义不带下划线的超链接是（ ）。A. a text-decoration:no underline B. a underline:none C. a decoration:no underline D. a text-decoration:none 27. 下列哪一项是CSS添加背景图片的正确语法构成？（ ） A. background-positionB. background-c

15、olorC. background-image D. background-size 28. 在HTML中，创建一个样式表，可以设置当前页面中ID为compact元素的内容的字体为斜体，下列那段代码实现该功能。（ ） A. <style type=“text/css”>compactfont-style:italic;</style> B. <style type=“text/css”>compactfont-style:italic;</style> C. <style type=“text/css”>.compactfont-st

16、yle:italic;</style> D. <style type=“text/css”>#compactfont-style:italic;</style> 29. 上边框10像素 下边框20像素 左边框 12像素 右边框 5像素，此边框正确的写法是( )。A. border-width: 10px 5px 20px 12px B. border-width: 10px 20px 12px 5px C. border-width: 10px 12px 20px 5px D. border-width: 20px 5px 10px 12px30. 下列关于

17、网页元素overflow的说法，正确的是A. 指网页元素的位置，距离左边框和上边框的距离B. 指网页元素的位置，距离右边框和下边框的距离C. 指网页元素的定位方式，可以取值中包括absoluteD. 指网页元素的内容溢出时，是否显示多余的内容四、名词解释： 网页网站HTML五、简答题： 1.请写出三种以上可以让一个input的背景颜色变成红色的CSS代码及调用方法。2. 请问什么是Ajax？3. 网页制作完毕，上传到网站后，要在浏览器中打开网站，逐一对站点中的网页进行测试，发现问题要及时修改，然后重新上传。其中链接测试是网页测试的一个重要的测试，请问链接测试主要内容是什么？六、代码分析补空题：

18、 1. 下面的DIV+CSS代码是用于产生如右图所示的列表框的效果，在运行时当把光标放置到链接文字上时会产生文字颜色变为黑色并出现下划线的效果。其中该列表框效果中可能涉及的主要的显示属性值，如下所示：（1）所有文字的大小为14px；（2）整个列表框div的宽度为200px；（3）左侧列表宽度div为120px；（4）右侧列表宽度div为80px；（5）链接鼠标移过时文字的颜色为黑色，并带有下划线。（6）列表框区域div的边框宽度为1px、颜色为#B5E481、类型为实线。请根据图标的效果和参考给出的属性值，分析代码并把代码中空格位置的代码补充完整。<!DOCTYPE html >&

19、lt;html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title> * padding:0px;margin:0px;body font-family:Arial, Helvetica, sans-serif; .big width:200px;border: backgr

20、ound-color:#CEF7C8;margin:20px 0 0 20px;.left width:120px; .right width:80px;float: ul margin:0 0 10px 10px;li height:18px;line-height:18px;margin:5px 0 5px 0;a color:#006600;text-decoration:none; color:#000000; </style></head><body><div class="big"> <div class=&

21、quot;left"> <ul> &gt; <a href="#">sqlsever2005</a></li> <li>&gt; <a href="#">Dreamweaver8</a></li> <li>&gt; <a href="#">Photoshop3</a></li> <li>&gt; <a href="#&

22、quot;>vs2005</a></li> </ul> </div> <div class="right"> <ul> <li><A href="#">下载</A></li> <li><A href="#">下载</A></li> <li><A href="#">下载</A></li> <l

23、i><A href="#">下载</A></li> </ul> </div></div></body></html>2. 下面的DIV+CSS代码是用于产生如右图所示的水平导航菜单效果，在运行时当光标放置到导航链接上时会产生文字变成黄色，背景变成灰色的效果。该水平导航菜单效果所涉及的主要显示属性值，如下所示： （1）页面的背景颜色的十六进制值为#84BAE8。 （2）导航上的块宽度为150px； （3）导航链接上鼠标经过时背景变为灰色（#7C7C7C），文字变为黄色（#ffff00）； （4）导航链接的默认背景颜色为#F0F0F0，文字颜色为#461737； （5）导航链接的文字不会出现下划线； （6）导航块的左侧边框为12px像素，颜色为#EBEBEB，类型为实线； （7）导航块的右侧边框为1px像素，颜色为#EBEBEB，类型为实线；请根据图示的效果和参考给出的属性值，分析代码并把代码中空格位置的代码补充完整。<!DOCTYPE html> <head><title>制作水平和垂直菜单</title><st

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论