北大青鸟HTML与CSS内部考试试题解析

需积分: 10 4 下载量 197 浏览量 更新于2024-09-11 3 收藏 30KB DOCX 举报
"北大青鸟HTML内部考试题,主要涵盖了HTML和CSS的基础知识,包括标签使用、XHTML规范、CSS样式设置以及浏览器兼容性问题。" 这篇考试题旨在检验学习者对HTML语言和CSS样式的理解和应用能力。以下是其中涉及的一些关键知识点: 1. XHTML1.0规定了三种文档类型:Strict、Transitional和Frameset。严格类型(Strict)不允许使用表现层元素,如`<font>`或`<center>`,而是强调结构化内容。因此,选项A的Strict是正确答案。 2. 在HTML中,默认占据整行的标签通常是`<h1>`、`<p>`或`<div>`等块级元素。选项B的`<div>`是一个常见的用于布局的块级元素,符合题意。 3. XHTML的使用规范要求所有标签都必须闭合。选项B的`<input type="checkbox" checked/>`是一个自闭合标签,符合XHTML规范。 4. CSS中设置左外边距为5像素的正确写法是`margin: 0 0 0 5px;`,即上、右、下、左的顺序。因此,选项C的`margin: 0 0 0 5px;`是正确答案。 5. 当为一个元素设置宽度、内边距和边框时,实际宽度等于`width + padding-left + padding-right + border-left-width + border-right-width`。在这个例子中,实际宽度为200px(宽度)+ 20px(左边内边距)+ 20px(右边内边距)+ 5px(左边边框)+ 5px(右边边框)= 250px。所以选项D的250px是正确答案。 6. 要使页面中的某个DIV标签水平居中,可以设置其外边距为自动,即`margin: 0 auto;`。因此,选项A的`margin: 0 auto;`是正确的CSS样式。 7. 若想让一个`<div>`标签显示滚动条,需要设置`overflow`属性为`scroll`。因此,选项C的`overflow: scroll;`是正确答案。 8. 在给出的HTML代码段中,`.header`和`.container`之间存在空白距离,这是因为它们都是块级元素,自然产生了行间距。在IE7.0及以上版本,浏览器会默认应用行内元素的行高,导致两个`div`之间有额外的距离。这里,`.header`的底部外边距是10px,`.container`的顶部外边距是15px,因此总距离为25px。 以上就是从考试题中提炼出的HTML和CSS知识点,这些内容对于理解和创建有效的网页布局至关重要。学习者需要熟练掌握这些基础,以便在实际项目中灵活运用。