JavaScript交互测试试卷与答案解析

"《使用JavaScript增强交互效果》内部测试-笔试试卷包含了关于HTML、CSS以及JavaScript的基础知识，主要考察了XHTML规范、HTML标签、CSS样式规则以及页面布局和交互设计方面的能力。" 在这份内部测试中，考生需要具备以下几个关键知识点： 1. XHTML1.0规范：XHTML1.0有三种类型，即Strict（严格）、Transitional（过渡）和Frameset（框架）。严格类型（Strict）不允许使用HTML4中的一些非标准元素和属性，旨在提高文档结构的纯净度。 2. HTML标签行为：默认占据整行的HTML标签是`<div>`，它常用于创建内容区域或作为布局容器。其他选项如`<h1>`是标题标签，`<span>`用于内联元素的组合，`<a>`是链接标签。 3. XHTML使用规范：符合XHTML的代码应当是严格闭合的。正确示例是`<img src="title.jpg" alt="Welcome" />`，其他选项要么没有正确闭合，要么使用了非标准写法。 4. CSS外边距设置：`margin`属性用于设置元素的外边距，`margin:0 5px;`将设置元素的上、下边距为0，左右边距为5像素。因此，选项B是正确的设置左外边距为5像素的方式。 5. CSS样式计算：当为一个`div`设置`width:200px;padding:0 20px;border:5px;`时，实际宽度需要加上左右填充和边框宽度，即200px + 2*20px + 2*5px = 250px。 6. 页面居中对齐：使用`margin:0 auto`可以使元素在父容器中水平居中，因为自动的外边距会在左右两侧拉伸，使其在容器中居中。 7. 滚动条设定：在HTML中，若要使`<div>`标签显示滚动条，需要设置`overflow`样式为`scroll`。`overflow:hidden;`会隐藏超出内容，`display:block;`是默认的`div`样式，`display:scroll;`不是有效的CSS属性。 8. CSS margin塌陷：在IE7.0及以上版本，两个`div`之间的空白距离是由它们的`margin-bottom`和`margin-top`决定的。在这个例子中，第一个`div`的`margin-bottom`为10px，第二个`container`类`div`的`margin-top`为15px，所以总距离是25px。 这些知识点是前端开发中的基础，对于使用JavaScript增强交互效果来说，理解并掌握HTML结构、CSS样式控制以及布局原理是至关重要的。