[Web前端技术教学]复习重点及答案

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

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

A. <name=“NAME”>        B.<name=“NAME”></name>

C. <a name=“NAME”></a>    D.<a name=“#NAME”></a>

答案:C

2.html中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:(  )

A. <p>     B. <b>     C. <a>      D. <span>

答案:A

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

A. <br>                            

B. <img src= ”photo.jpg” />

C. <IMG src= ”photo.jpg” ></IMG>   

D. <img src= photo.jpg ></img>

答案:B

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

A. &nbsp     B. &nbsp;     C. &sbnp     D. &sbnp;

答案:B

5.<title></title>标记一般包含在_____标记中。(  )
A.<head></head>   B.<p></p>  C.<body></body>   D.<table></table>

答案:A

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

A. href=“_blank”         

B. Name=“_blank”

C. target=“_blank”        

D. href=“#blank”

答案:C

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

A. Copy;    B. &copy;     C. Copyright;    D. &copyright;

答案: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. <dir>

B. <div>

C. <dis>

D. <dif>

答案: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.怎样给所有的<h1>标签添加背景颜色? (  )

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. <pstyle="text-size:bold">

B. <p style="font-size:bold">

C. p {text-size:bold}

D. p {font-weight:bold}

答案:D

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

C. font:b

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,只能使用<div></div>进行结构设计

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

答案: A

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

A. 正确  B. 错误

答案: A

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. 错误

答案:A

47. rgba()方法与opacity方法虽然都可以实现透明度效果,但rgba()只作用于元素的颜色或其背景色(设置了rgb()透明度元素的子元素不会继承其透明效果);而opacity具有继承性,既作用于元素本身,也会使元素内的所有子元素具有透明度。此说法:

A.正确 B.错误

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

A. a {text-decoration:no underline}

B. a {underline:none}

C. a {decoration:no underline}

D. a {text-decoration:none} 

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

A. text-transform:uppercase

B. text-transform:capitalize

C. 样式表做不到

D. text-decoration:none 

50.下列哪个CSS属性能够设置文本加粗?(  )

A. font-weight:bold

B. style:bold

C. font:b

D. font= 

51.网页页面中的事件,通过脚本代码,可以停止其传播(  )

A.是  B.否

52.定义盒模型margin的时候是否可以使用负值? (  )

A. 是 B. 否

53.鼠标点击一个网页中某盒子中的某一个按钮。事件先传按钮,再传至外面的父盒子(  )

A.这叫冒泡方式

B.这叫捕获方式

54.鼠标点击一个网页中某盒子中的某一个按钮。事件先传递到外面的父盒子,再传至里面的按钮子(  )

A.这叫冒泡方式

B.这叫捕获方式

55.position默认值为static。表示: (  )

A. 表示不使用定位属性定位,代表定位属性无效

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

56.关于CSS,正确的是: (  )

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

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

C. 使用CSS,只能使用<div></div>进行结构设计

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

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

A. 正确  B. 错误

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

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

答案:<br/>  <hr/>

2. (  )标记用来创建一个标有数字的列表; (   )标记用来创建一个标有黑点的列表,两种列表可以使用CSS属性list-style-type进行转换,(    )标记用来创建一个列表项。

答案:  <ol> <ul>  <li>

3.有一a元素结构为<ahref="#"><b>首 页</b></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 fixed

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

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

三、问答题(共16分)

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

1)a:hover       2)a.hover         3)a:hover b       4)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象素,虚线.(或者用一张下面有虚线的图片作为该元素的盒子背景),

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

gCodeTop 格码拓普 老师

您的鼓励.我的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值