CSS,即层叠样式表(Cascading Style Sheets),是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它允许我们将样式信息与结构内容分离,使得网页设计更加灵活且易于维护。在这个CSS测验中,我们涉及到了CSS的一些基础概念和语法。
1. CSS的用途主要是为了控制网页元素的布局、颜色、字体、大小等视觉表现。
2. 引用外部样式表通常使用`<link>`标签,位于HTML文档的`<head>`部分,例如:`<link rel="stylesheet" type="text/css" href="mystyle.css">`。
3. `<style>`标签用于定义内部样式表,它也放在`<head>`部分,可以为整个文档定义样式。
4. `style`属性用于定义HTML元素的内联样式,直接在元素内部添加,如`<p style="color:red;">文本</p>`。
5. CSS语法中,选择器后跟花括号 `{}` 内定义属性和值,例如`body {color: black}`,其中`body`是选择器,`color`是属性,`black`是值。
6. 在CSS中插入注释使用`/* ... */`,如`/* this is a comment */`。
7. `background-color`属性用于改变元素的背景颜色,如`background-color: red`。
8. 要为所有`<h1>`元素添加背景颜色,可以写成`h1 {background-color: #FFFFFF}`,其中`#FFFFFF`是白色十六进制颜色代码。
9. 改变文本颜色使用`color`属性,如`color: blue`。
10. 控制文本尺寸使用`font-size`属性,如`font-size: 16px`。
11. 使所有`<p>`元素变为粗体,正确语法为`p {font-weight: bold}`。
12. 删除超链接下划线,使用`text-decoration`属性,设置为`none`,如`a {text-decoration: none}`。
13. 文本以大写字母开头,使用`text-transform`属性,设置为`capitalize`,正确答案是`text-transform: capitalize`。
14. 改变元素的字体,使用`font-family`属性,如`font-family: Arial, sans-serif`。
15. 文本变为粗体,使用`font-weight`属性,设置为`bold`,如`font-weight: bold`。
16. 设置元素的边框宽度,使用`border-width`属性,顺序为上、右、下、左,如`border-width: 10px 1px 5px 20px`。
17. 改变元素的左边距,使用`margin-left`属性,如`margin-left: 20px`。
18. 关于`padding`属性,它是用于定义元素内容与边框之间的空间,但不能使用负值,因此说法错误。
19. 创建带有正方形项目的列表,使用`list-style-type`属性,设置为`square`,正确答案是`list-style-type: square`。
这些基本的CSS知识点是构建网页样式的基础,熟练掌握它们能够帮助开发者更好地控制网页的外观和交互。通过这个测验,我们可以巩固和加深对CSS的理解,从而提升网页设计和开发的能力。