HTML与CSS基础知识考试解析

HTML基础知识

  1. 定义文档类型标签
  2. 知识点: 在HTML文档中,<!DOCTYPE>声明位于文档的第一行,用于告知浏览器使用的HTML版本。
  3. 题目分析: 题目要求识别定义文档类型的标签。
  4. 正确选项: (C) Doctype

  5. <meta/>标签的作用

  6. 知识点: <meta>标签用于提供关于HTML文档的元数据,如字符集、描述、关键词等。
  7. 题目分析: 本题考查<meta>标签的功能。
  8. 正确选项: (C)设置网页文档类型。

  9. 图片无法显示时的处理

  10. 知识点: 当图片无法加载时,可以使用</>标签中的<>>属性来替代显示文本。 </> <><>题目分析</>: 题目要求识别如何描述无法正常显示的图片。 </> <> <><>正确选项</>: (>>属性。</> </> <> <><>图片路径设置</> </> </> <><>知识点</>: 图片路径设置取决于图片相对于当前> <><>题目分析</>: 题目考察如何正确设置相对路径使图片能在当前页面显示。 </> <> <><>正确选项</>: (>< src>

  11. 无效的注释语法

  12. 知识点: HTML注释的标准语法是<!-- -->
  13. 题目分析: 题目要求找出无效的注释写法。
  14. 正确选项: 不符合<!-- -->格式的注释都不会生效。

  15. 块级元素

  16. 知识点: 块级元素通常会在页面中形成新的行,例如
  17. 题目分析: 考察哪些标签属于块级元素。
  18. 正确选项: (C) div

  19. 文本输入框默认值设置

  20. 知识点: 可以使用<input>标签中的value属性设置文本框的默认值。
  21. 题目分析: 题目要求设置文本输入框的默认值。
  22. 正确选项: (C) <input type="text" value="默认值">

  23. 单选控件默认选中

  24. 知识点: 使用<input type="radio">标签时,可以通过checked属性使其默认被选中。
  25. 题目分析: 本题考察如何设置单选按钮的默认选中状态。
  26. 正确选项: (D) <input type="radio" checked>

  27. 表格头部设置

  28. 知识点: 表格头部可以通过标签或标签定义。
  29. 题目分析: 题目询问如何给表格设置表头。
  30. 正确选项: (B)

CSS基础知识

  1. 外边距合并
  2. 知识点: 当两个垂直外边距相遇时,它们将会合并成一个较大的外边距。
  3. 题目分析: 本题考察外边距合并的概念。
  4. 正确选项: (A)外边距合并。

  5. 水平居中对齐

  6. 知识点: 可以通过设置margin: 0 auto;来实现元素的水平居中对齐。
  7. 题目分析: 题目要求实现元素的水平居中对齐。
  8. 正确选项: (B) margin: 0 auto;

  9. 块级元素转行内元素

  10. 知识点: 可以通过CSS中的display: inline;属性将块级元素转换为行内元素。
  11. 题目分析: 本题考察如何改变元素的显示模式。
  12. 正确选项: (A) display: inline;

  13. font属性联写

  14. 知识点: font属性可以联写多个CSS属性,如font-stylefont-size等。
  15. 题目分析: 本题考察font属性的联写规则。
  16. 正确选项: (C) font-style属性用来设置字体是否为斜体显示。

  17. 复合选择器的理解

  18. 知识点: .box#one表示选择类名为box且ID为one的元素。
  19. 题目分析: 本题考查复合选择器的应用。
  20. 正确选项: (D)选择类名为box的元素中ID为one的子元素。

  21. 精灵图技术

  22. 知识点: 精灵图技术主要通过background-position属性来实现背景图像的精确定位。
  23. 题目分析: 本题考察精灵图技术的核心原理。
  24. 正确选项: (C) background-position;

  25. 相对定位

  26. 知识点: 相对定位是指元素相对于其原始位置的偏移。
  27. 题目分析: 本题考察相对定位的基本概念。
  28. 正确选项: (A)离自己最近的已经定位了的父盒子。

  29. 垂直居中对齐

  30. 知识点: 可以使用vertical-align: middle;属性来实现行内元素的垂直居中对齐。
  31. 题目分析: 本题考察如何设置行内元素的垂直居中对齐。
  32. 正确选项: (C) vertical-align: middle;

  33. a标签伪类设置顺序

  34. 知识点: a标签的伪类通常按照linkvisitedhoveractive的顺序设置。
  35. 题目分析: 本题考查a标签伪类的正确设置顺序。
  36. 正确选项: (B) link visited hover active