CSS试题与答案详解

"CSS试题及答案" 这篇文档包含了有关CSS及相关Web标准的知识点，主要以选择题的形式呈现。以下是根据题目内容提炼出的关键知识点： 1. **Web标准**：Web标准是一系列规范的集合，旨在确保不同浏览器之间的兼容性和网页的可访问性。它主要由W3C（万维网联盟）制定，包括结构、表现和行为三个方面。CSS是表现标准语言的一部分。 2. **DOCTYPE**：`<!DOCTYPE>`声明用于定义HTML或XML文档使用的DOCTYPE（文档类型），这对浏览器解析页面至关重要。它告诉浏览器按照哪种标准或模式来渲染文档。 3. **CSS透明度**：设置元素背景透明度，可以使用`filter`属性配合`alpha`函数，正确的语法是`filter: alpha(opacity=80);`。 4. **链接样式**：在CSS中，超链接有四种状态：link（未访问）、visited（已访问）、hover（鼠标悬停）和active（活动状态）。为避免访问后的`hover`样式问题，应正确排序这四个状态，通常是`l-v-h-a`，即link-visited-hover-active。 5. **浮动和外边距**：在CSS中，`float`属性用于元素浮动，`margin`定义边距。代码示例中的`div`元素设置左浮动，其左外边距为10px，在所有主流浏览器中均按此解释，不会出现FF特有的双倍边距问题。 6. **浏览器兼容性**：在Firefox 2.0中，可能存在父元素不能自适应子元素高度的现象，这是由于当时浏览器解析CSS的方式不同导致的。其他选项如双倍边距问题和图片间隙问题可能出现在更早期的浏览器版本。 7. **外部样式表导入**：外部样式表通常通过`<link>`标签导入，而不是`<style>`或`<import>`标签。`<style>`通常用于内联样式，而`<import>`在某些情况下用于导入CSS模块，但不是导入外部样式表的标准方法。 8. **空标签**：在HTML中，`<meta>`, `<input>`, `<hr>`是空标签，它们没有闭合标签。`<form>`则需要闭合。 9. **CSS属性**：`p`标签的对齐属性是`align`，在HTML中，可以用来设置文本的左右对齐。而在CSS中，通常使用`text-align`属性。 10. **边框设置**：`border-bottom`用于设置元素的下边框，其他选项分别设置上、左、右边框。 11. **类和ID的区别**：在CSS中，`class`用于定义一组元素的样式，可以复用；`id`则是唯一的，用于指定单个元素的样式。错误的说法可能是将两者混淆，或者错误地认为它们可以互换使用。 这些题目覆盖了CSS的基本概念、选择器、布局、盒模型、浏览器兼容性以及HTML元素属性等多个方面，对于学习和复习CSS知识非常有帮助。了解并掌握这些知识点是成为熟练的前端开发者的基础。