文档库 最新最全的文档下载
当前位置:文档库 › Web前端技术试卷试题.docx

Web前端技术试卷试题.docx

Web前端技术试卷试题.docx
Web前端技术试卷试题.docx

[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案

一、单项选择(:每题 1.5 分,共 69分)

1.html语言中,创建一个位于文档内部的锚点的语句是:()

A.

B.

C.

D.

答案 :C

2.html中的元素可分为块级

(block)元素和行内(inline)元素 ,下列哪个元素是块级元素 :( )

A.

B.

C.

D.

答案 :A

3.下列哪条 html语句的写法符合XHTML规范 :()

A.

B.

C.

D.

答案 :B

4.在编辑网页时 ,按“ Ctrl+Shift+ 空格键”插入的 HTML 源代码为 :( ) A.   B.   C. &sbnp D. &sbnp;

答案 :B

5.标记一般包含在_____标记中。()

A.

B.

C.

D.

答案 :A

6.要在新窗口打开一个链接指向的网页需用到( )

A. href =“ _blank ”

B. Name= “ _blank ”

C. target =“ _blank ”

D. href =“ #blank ”

答案 :C

7.特殊符号 ? (版权符号)对应的源代码是:( )

A. Copy;

B. © ;

C. Copyright;

D. ©right;

答案 :B

8.在网页中经常用的图像格式是:()

A. gif, jpg和png

B. gif, bmp和png

C. bmp, jpg和png

D. psd, gif和png

答案 :A

9.关于 JavaScript语言,下列说法中错误是:()

A. JavaScript语言是一种解释性语言

B. JavaScript语言与操作环境无关

C. JavaScript语言与客户端浏览器无关

D. JavaScript是动态的,它可以直接对用户输入做出响应

答案 :C

10.如何能够定义列表的项目符号为实心矩形? ( ) A.

list-type: square

B. type: 2

C. type: square

D. list-style-type: square

答案 :D

11.下列哪种 CSS 属性不能让页面在浏览器中居中显示 (网页中所有可显示的元素都包含在一个id 为 container的div盒子内) ()

A. #container { margin: 0 auto ; width:780px;}

B. #container { position: relative; width:780px;

left:50%; margin-left: -390px; }

C. #container { margin: 0 auto ; width:85%; }

D. #container { position: relative; width:780px;

right:50%; margin-left: 390px; }

答案 :D

12.下列哪条 CSS 样式规则是不正确的 :( ) A.

img { float: left; margin: 20px; }

B. img { float: right; width: 120px;height: 80px; }

C. img { float: right; right: 30; }

D. img { float: left; margin-bottom: 2em; }

答案 :C

13.CSS 是利用什么 XHTML 标记构建网页布局? ( )

A.

B.

C.

D.

答案 :B

14.在 CSS 语言中下列哪一项的适用对象是 " 所有对象 " ?( )

A. 背景附件

B.文本排列

C.纵向排列

D.文本缩进

答案 :A

15. 下列选项中不属于 CSS 文本属性的是 ( )

A.font-size

B.text-transform

C.text-align

D.line-height

答案 :D

16.在 CSS 中不属于添加在当前页面的形式是 ( ) A.

内联式样式表

B.嵌入式样式表

C.层叠式样式表

D.链接式样式表

答案 :D

17. 在 CSS 语言中下列哪一项是 "列表样式图象 " 的语法? ( )

A.width: < 值>

B. height: <值 >

C. white-space: <值>

D. list-style-image: <值>

答案 :D

18.下列哪一项是 CSS 正确的语法构成? ( ) A.

body:color=black

B. {body;color:black}

C. body {color: black;}

D. {body:color=black(body}

答案 :C

19.下面哪个 CSS 属性是用来更改背景颜色的? ( ) A. background-color:

B. bgcolor:

C. color:

D. text:

答案 :A

20.怎样给所有的

标签添加背景颜色 ? ( )

A. .h1 {background-color:#FFFFFF}

B. h1 {background-color:#FFFFFF;}

C. h1.all {background-color:#FFFFFF}

D. #h1 {background-color:#FFFFFF}

答案 :B

21.下列哪个 CSS 属性可以更改样式表的字体颜色? ( ) A. text-color=

B. fgcolor:

C.

text-color:

D. color:

答案 :D

22.下列哪个 CSS 属性可以更改字体大小? ( ) A.

text-size

B. font-size

C. text-style

D. font-style

答案 :B

23.下列哪段代码能够定义所有 P 标签内文字加粗? ( ) A.

B.

C. p {text-size:bold}

D. p {font-weight:bold}

24.如何去掉文本超级链接的下划线? ( ) A.

a {text-decoration:no underline}

B. a {underline:none}

C. a {decoration:no underline}

D. a {text-decoration:none}

答案 :D

25.如何设置英文首字母大写? ( ) A.

text-transform:uppercase

B.text-transform:capitalize

C.样式表做不到

D.text-decoration:none

答案 :B

26.下列哪个 CSS 属性能够更改文本字体? ( ) A. f:

B. font=

C. font-family:

D. text-decoration:none

答案 :C

27.下列哪个 CSS 属性能够设置文本加粗? ( ) A. font-weight:bold

B. style:bold

D.font=

答案 :A

28. CSS 中,padding:10px 20px 30px 40px代表的填充值顺序分别是:

A.上、右、下、左

B.上、下、左、右

C.上、左、下、右

D.左、右、上、下

答案 :A

29.下列哪个属性能够设置盒模型的左侧外补丁? ( ) A.

margin:

B. indent:

C. margin-left:

D. text-indent:

答案 :C

30.定义盒模型外补丁的时候是否可以使用负值 ? ( ) A.

B.否

答案 :A

31. 常见的 JavaScript框架有jQuery、Prototype、Moottools、ExtJS

和Spry 等。目前 jQuery 最受开发者追捧 ,Spry 框架是 DW CS3 中新增的

功能。

A. 正确

B. 错误

答案 :A

32.网页的本质是 ( )文件。

A.图像

B.纯文本

C.可执行文件

D.图像和文本的压缩

答案 :B

33.不是动态网页的特点的一项是 :

A. 动态网页可每次显示不同的内容

B.动态网页中含动画

C.动态网页中含有服务端代码

D.动态网页一般需要数据库支持

答案 : B

34.CSS 长度单位有绝对单位、相对单位和百分比。下列说法正确的是:

A. px 指屏幕的像素 ,它是相对单位

B. pt 指屏幕的像素 ,它是相对单位

C. pt 指屏幕的像素 ,它是绝对单位 ,屏幕上尺寸不随屏幕分辨率的改变

而改变

D. pt 在印刷行业中常见 ,是相对单位

答案 : A

35. 实现图文混排及首字下沉效果最好的技术方法是:

A. 浮动

B.相对定位

C.绝对定位

D.以上都对

答案 : A

36.CSS 长度单位有绝对单位、相对单位和百分比。下列说法正确的是:

A. px 指屏幕的像素 ,它是绝对单位 .

B. pt 指屏幕的像素 ,它是相对单位 .

C. pt 指 point, 它是绝对单位 ,打印出的尺寸不随屏幕分辨率的改变而改

变.

D. pt 在印刷行业中常见 ,是相对单位

答案 : C

37.position默认值为static。表示:

A.表示不使用定位属性定位

B.表示以浏览器窗口为基准进行绝对定位

答案 : A

38. 关于 CSS,正确的是 :

A.边界 margin 值可为负 ,填充 padding 指不可为负

B. 对行内元素设置width或height值也是起作用的

C. 使用 CSS,只能使用

进行结构设计

D. margin可以单独设置背景颜色

答案 : A

39.当两个块级元素的盒子上下排列时 ,它们之间的边界 (margin) 将发生合并 ,而左右排列时不会。

A. 正确

B. 错误

40.JavaScript是一种基于对象的语言,而不是面向对象的语言。

A. 正确

B. 错误

答案 : A

41.JavaScript是事件驱动的语言。

A. 正确

B. 错误

答案 : A

42.JavaScript变量名不能是关键字或保留字,不区分大小写。

A. 正确

B. 错误

答案 : B

43.document对象即属于BOM,又属于DOM。

A. 正确

B. 错误

答案 : A

44.对 DOM 标准支持最好的浏览器是 IE。

A. 正确

B. 错误

答案 : B

45.常用的 HTML 事件中 ,onBlur 的描述是 :任何元素或窗口失去焦点时触发。

A. 正确

B. 错误

答案 : A

46.可以使用 DOM 动态操作 CSS 属性。

A. 正确

B. 错误

二、填空 :(每空 1 分,共 15 分。)

1.HTML 代码中常见的单标记有 ( ) 和( )。

答案 :


2.( )标记用来创建一个标有数字的列表;( )标记用来创建一个标有

CSS 属性list-style-type进行转换,()黑点的列表 ,两种列表可以使用

标记用来创建一个列表项。

答案 :

    • 3.有一a 元素结构为首页,它的CSS 样式如下,请在下划线处填写代码注释:

      a {

      font-size:14px;

      text-decoration:none;/* 1:*/

      background-image:url(xxwlzx/yuanjiao2.gif);

      height:32px;

      padding-left:24px;

      display:block;/* 2:*/

      float:left;/*3:*/

      line-height:32px;/* 4:*/

      }

      b {

      background-image:url(xxwlzx/yuanjiao2.gif);

      background-position:right top; /*5:*/

      display:block;

      width:60px ;

      }

      答案 :

      1:清除超链接的下划线

      2:将 a 标记以块级元素显示

      3:让 a 标记左浮动

      4:将行高和高设为相同,实现盒子中的文字垂直居中

      5:让背景图片从右下角开始显示

      6.下列各项描述的定位方式是什么?(填写 static 、 relative 、 aboslute 或 fixed 中的一项或多项 )

      1)元素在标准流中的位置会被保留。()

      2)能够通过 z-index 属性该表元素的层叠次序。 ()

      3)元素以它的包含框为定位基准。()

      4)元素相对于它原来的位置为定位基准。 ()

      5)元素在标准流中的位置会被其它元素占据。()

      答案 :

      1)元素在标准流中的位置会被保留。 relative

      2)能够通过 z-index 属性该表元素的层叠次序。 aboslute relative fixed

      3)元素以它的包含框为定位基准。 aboslute

      4)元素相对于它原来的位置为定位基准。 relative

      5)元素在标准流中的位置会被其它元素占据。 aboslute fixed

      三、问答题(共16 分)

      1.CSS 中的选择器有很多种类型 ,写出下列选择器的类型和作用:(10 分) 1) a:hover2)a.hover3)a:hover b4)a.hover b

      答:

      1)a:hover是伪类选择器,当鼠标悬浮在a标记上时应用该选择器定义的样式;

      2)a.hover是交集选择器,应用了.hover类选择器的a标记应用该样式;

      3)a:hover b是后代选择器,当鼠标悬浮在a标记上时,被a标记包含的b 标记将应用该样式;

      4)a.hover b是后代选择器,应用了.hover类选择器的a标记里的b标记将应用该样式。

      2.有些网页里超链接的下划线是虚线,你认为这是怎么实现的?(6 分)答:将该元素的 CSS 属性里的 text-decoration: none;再将其

      border-bottom设为1象素,虚线.(或者用一张下面有虚线的图片作为

      该元素的盒子背景 ),

      小学二( 2)班班规

      一、安全方面

      1、每天课间不能追逐打闹。

      2、中午和下午放学要结伴回家。

      3?¢公路上走路要沿右边走,过马路要注意交通安全。

      4?¢不能在上学路上玩耍、逗留。

      二、学习方面

      1、每天到校后,不允许在走廊玩耍打闹,要进教室读书。

      2、每节课铃声一响,要快速坐好,安静地等老师来上课。

      3、课堂上不做小动作,不与同桌说悄悄话,认真思考,积极回答问题。

      4、养成学前预习、学后复习的好习惯。每天按时完成作业,保

      证字迹工整,卷面整洁。

      5、考试时做到认真审题,不交头接耳,不抄袭,独立完成答卷。

      三、升旗排队和两操方面

      1、升旗时,要快速出教室排好队,做到快、静、齐,安静整齐

      地排队走出课室门,班长负责监督。

      2、上午第二节后,快速坐好,按要求做好眼保健操。

      3、下午预备铃声一响,在座位上做眼保健操。

      四、卫生方面

      1、每组值日生早晨7:35 到校做值日。

      2、要求各负其责,打扫要迅速彻底,打扫完毕劳动工具要摆放

      整齐。

      3、卫生监督员(剑锋,锶妍,炜薪)要按时到岗,除负责自己

      的值日工作外,还要做好记录。

      五、一日常规

      1?¢每天学生到齐后,班长要检查红领巾。

      2?¢劳动委员组织检查卫生。

      3、每天负责领读的学生要督促学生学习。

      4、上课前需唱一首歌,由文娱委员负责。

      5?¢做好两操。

      6?¢放学后,先做作业,然后帮助家长至少做一件家务事。

      7?¢如果有人违反班规,要到老师处说明原因。

      班训:

      坐如钟站如松快如风静无声

      班规:

      课堂听讲坐如钟,精神集中认真听;

      排队升旗站如松,做操到位展雄风;

      做事迅速快如风,样样事情记得清;

      自习课上静无声,踏实学习不放松;

      个人努力进步快,团结向上集体荣;

      我为领巾添光彩,标兵集体记我功。

      加分标准

      考核项目加分值备注号

      1单元考试满分+2

      2单元考试 85 分以上+1

      3课堂小测满分+1

      4期中、期末考试满分+3

      5在红领巾广播站投稿+2

      一次

      6在校级活动中获奖+5

      7作业十次全对得一颗+3

      8课堂上得到表扬+1

      9班干部工作认真负责+1

      10做好事、有利于班集体+2

      和学校的事

      11进步比较明显+2

      12连续一周该组值日卫本组值日生

      生达标每人加 2 分

      扣分标准

      考核项目扣分值备注

      1没交作业、不做晚作业-1

      2忘带书本、学具-1

      3迟到-1

      4在课堂上被老师点名-2

      5不穿校服,不戴红领巾-1

      6吃零食、带钱、带玩具 -2

      7说脏话、打架-3请家长,写保证书

      8座位周围有垃圾-2

      9课间操、眼保健操不认-1

      真做

      10升旗时违反纪律-2

      11来学校不进教室,在走 -1

      廊聊天打闹

      12体育课打闹说话、排队 -2

      不整齐

      注:每人基本分60 分起,学期末核算总分,作为学期评先依据。

相关文档