《使用JavaScript增强交互效果》内部测试-笔试试卷一、选择题1.关于XHTML 1.0规定的级别声明,下面选项中属于严格类型的是()。
A.Strict //严格的B.Trasitional //过度的C.Frameset //支持框架的D.Mobile2.下面HTML标签中,默认占据整行的是()。
A.<h1>B.<div>C.<span>D.<a>3.下面HTML代码片段中符合XHTML使用规范的是()。
A.<table><tr><td></tr></table>B.<input type="checkbox" checked />C.<img src="title.jpg" alt="Welcome"> “ / ”D.<hr />4.下面选项中,()可以设置网页中某个标签的左外边距为5像素。
A.margin:0 5pxB.margin:5px 0 0 0;C.margin:0 0 0 5px;D.padding-left:5px;5.在CSS中,为页面中的某个DIV标签设置以下样式,则该标签的实际宽度为()。
div { width:200px; padding:0 20px; border:5px; }A.200pxB.220pxC.240pxD.250px6.下面选项中,可以设置页面中某个DIV标签相对页面水平居中的CSS样式是()。
A.margin:0 autoB.padding:0 autoC.text-align:centerD.vertical-align:middle7.在HTML中,DIV默认样式下是不带滚动条的,若要使<div>标签出现滚动条,需要为该标签定义()样式。
A.overflow:hidden;B.display:block;C.overflow:scroll;D.display:scroll;8.阅读下面HTML代码,在IE7.0及以上版本浏览器中,两个DIV之间的空白距离是()。
<style type="text/css">.header { margin-bottom:10px; border:1px solid #f00; }.container { margin-top:15px; border:1px solid #f00; }</style>......<div class="header"></div><div class="container"></div>......A.0pxB.10pxC.15px //取外边距相对最大的那个D.25px9.阅读下面HTML代码,下面选项中增加的样式可以使两个DIV不在同一行显示的是()。
<style type="text/css">div { float:right; }</style>......<div class="box1"></div><div class="box2"></div>......A..box2{ clear:left; }B..box2{ clear:both; }C..box1{ clear:right; }D..box2 { clear:right; }10.阅读下面HTML代码,若要使<dt>和<dd>标签在同一行显示,下面选项中的CSS书写正确的是()。
<dl><dt>用户名:</dt><dd><input type="text" name="userName" size="12" /></dd></dl>A.dl dt { float:left; }//图片坐悬浮B.dl dd { float:left; }C.dl dt, dl dd { float:left; }D.dl { display:inline; }11.某页面中有一个1行3列的表格,其中表格行<tr>的id为row1,下列选项中能在表格中增加一列,并且这一列显示在最后面的是()。
A.document.getElementById("row1").Cells(3);B.document.getElementById("row1"). insertCell (2);C.document.getElementById("row1").insertCell(3);D.document.getElementById("row1").insertCell(0);12.下列用来处理表格及其元素的方法中,书写正确并且可以删除行中指定的单元格的是()。
A. deleteCell()B. deleteRow()C. delCell()D. delRow()13. 在下列表格中的增加订单所在行之前插入一行的位置应该是()。
A. 0B. 1C. 2D. 314.下列正则表达式中()可以匹配首位是小写字母或数字,其它位数是小写字母的最少两位的字符串。
A./^ \w{2,}$/B./^ [a-z0-9][a-z]+$/C./^ [a-z0-9][a-z]*$/D./^ [a-z0-9]\d+$/15. 下列选项中()可以正确的匹配一个正整数。
A. ^[1-9]\d*$B. ^[1-9]+$C. ^[0-9]\d*$D. ^[1-9]\d+$16.关于HTML中的表格和样式,下面说法错误的是()。
A.表格的边框可以使用CSS来控制B.单元格的尺寸可以使用CSS来控制C.单元格的背景颜色可以使用CSS来控制D.单元格的跨行或跨列可以使用CSS来控制17.CSS样式background-position:5px -10px代表的意义是()。
A.背景图片向左偏移5px,向下偏移10pxB.背景图片向左偏移5px,向上偏移10pxC.背景图片向右偏移5px,向下偏移10pxD.背景图片向右偏移5px,向上偏移10px18.下面CSS Hack中,能够被IE6识别的是()。
A.+width:10px;B._width:10px;C.width:10px\0;D.@width:10px;19.当为一个向左或向右浮动的元素设置左或右边距时,在IE6.0浏览器中就会出现一个双倍边距的BUG,解决双倍边距BUG的常用方法是在浮动元素上添加()样式。
A.display:inlineB.display:noneC.float:noneD.overflow:hidden20.在HTML中,<ol>、<ul>、<dl>、<dd>、<form>等标签,在IE与Firefox浏览器中的外边界、填充的默认值会存在差异,解决这个差异的办法是为各标签设置()样式。
A.margin:0;padding:0;B.border:0;C.display:inline;D.width:100%;21.在W3C规范中,下面关于HTML标签的描述错误的是()。
A.<html>标签在页面中只能有1个B.<body>标签在页面中只能有1个C.内嵌框架是自身闭合的标签,写法是<iframe /> //不是自身闭合的D.<textarea>标签的value属性用来设置多行文本框中的默认文本//没有value22.阅读下面CSS代码,下面选项中与该代码段效果等同的是()。
.box { margin:10px 5px; margin-right:10px; margin-top:5px; }// margin:10px 5px;表示上下为10px,左右为5px;A..box { margin:5px 10px 10px 5px; }//表示上面为5px,右边为10px,下面为10px,左边为5px;B..box { margin:5px 10px 0px 0px; }C..box { margin:5px 10px; }D..box { margin:10px 5px 10px 5px; }23.在CSS中,下面关于样式“#container, .main{font-size:12px;}”与“#container .main{font-size:14px;}”的说法正确的是()。
A.前者表示同时设置两个选择器的样式,后者表示只设置main选择器的样式B.前者表示只设置main选择器的样式,后者表示同时设置两个选择器的样式C.二者中间的逗号或者空格都可以省略D.二者作用是相同的24.在CSS中,下面关于定义字体类型的用法正确的是()。
A.font-family:宋体, Arial Black,Times New Roman;B.font-family:宋体, "Arial Black","Times New Roman"; //设置字体汉字可以用双引号引起来也可以不用双引号引起来,但英文一定要用双引号引起来C.font-family:"宋体", Arial Black,Times New Roman;D.font-family:"宋体", "Arial Black","Times New Roman";25.阅读下面HTML代码,如果期望tabs位于box容器的右下角,则需要添加的CSS样式是()。
<div id="box"><div id="tabs"></div></div>A.#tabs { position:absolute; right:0; bottom:0; }B.#tabs { position:relative; right:0; bottom:0; }C.#box { position:relative; } #tabs { position:absolute; right:0; bottom:0; }D.#box { position:relative; } #tabs { position:right bottom; }26.在HTML页面中,调用外部样式表的方法是()。