网页设计简单参数标注（应试用）
约 1051 个字 预计阅读时间 4 分钟
| 属性 | 解释 | 示例 |
|---|---|---|
| a:active | a 标签元素被激活后的样式 | a:active |
| background-position | 为每一个背景图片设置初始位置。这个位置是相对于由 background-origin 定义的位置图层的。 | background-position: bottom 50px right 100px;(距离底边50像素，距离右边100像素）) |
| background-attachment | 决定背景图像的位置是在窗口内固定，或者随着包含它的区块滚动。 | body |
| cursor | 设置光标的类型（如果有），在鼠标指针悬停在元素上时显示相应样式。 | cursor: pointer（鼠标变成可点击的手指）(或者grab，help（疑问），wait等） |
| font-weight | 指定了字体的粗细程度。 | font-weight: bold (或者normal，bolder，100); |
| font-family | 允许您通过给定一个有先后顺序的，由字体名或者字体族名组成的列表来为选定的元素设置字体。 | font-family: Georgia, serif; |
| font-style | 允许你选择 font-family 字体下的 italic 或 oblique 样式 | font-style: normal;（或者italic / oblique) |
| margin | 为给定元素设置所有四个（上下左右）方向的外边距属性。也就是 margin-top，margin-right，margin-bottom，和 margin-left 四个外边距属性设置的简写 | margin: 10px 50px 20px; (如果只有一个值那就默认上下左右的margin都是这个值) |
| padding | 制元素所有四条边的内边距区域。(经常和margin放在一起考，margin是向外的边缘，padding是向内的) | padding: 10px 50px 20px; |
| display | 属性设置元素是否被视为块或者内联元素以及用于子元素的布局，例如流式布局、网格布局或弹性布局。 | display: block(或flex（这个最常用）、inline（内联布局）、grid（网格布局）); |
| text-align | 定义行内内容（例如文字）如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐，只控制它的行内内容的对齐。 | text-align: left（或right; center(行内内容居中。);justify(文字向两侧对齐，对最后一行无效。);justify-all(和 justify 一致，但是强制使最后一行两端对齐。)）; |
| text-decoration | 属性设置文本上的装饰性线条的外观。 | text-decoration: overline red;(有上划线、红色) |
| text-transform | 指定如何将元素的文本大写。它可以用于使文本显示为全大写或全小写，也可单独对每一个单词进行操作。 | text-transform : uppercase(强制所有字符被转换为大写。); lowercase 强制所有字符被转换为小写。none（阻止所有字符的大小写被转换）capitalize（每个单词首字母大写） |
| text-indent | 能定义一个块元素首行文本内容之前的缩进量。 | text-indent: -3em; |
| vertical-align | 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。（可被用于两种环境：使行内元素盒模型与其行内元素容器垂直对齐。例如，用于垂直对齐一行文本内的图片；垂直对齐表格单元内容。 | vertical-align: super(使元素的基线与父元素的上标基线对齐。);text-top(使元素的顶部与父元素的字体顶部对齐。);text-bottom;middle;top; |
| visibility | 显示或隐藏元素而不更改文档的布局。该属性还可以隐藏 table 中的行或列 | visible（元素框可见）；hidden元素框不可见（不绘制），但仍然影响常规的布局。collapse 关键字对于不同的元素有不同的效果：用于 table 行、列、列组和行组，将隐藏表格的行或列，并且不占用任何空；折叠的弹性元素和 ruby 元素会被隐藏，它们本来将要占用的空间会被移除。 对于其他元素，collapse 被视为与 hidden 相同 |
| word-spacing | 设置标签、单词之间的空格长度。 | word-spacing: normal; |
| list-style-image | 指定一个能用来作为列表元素标记的图片。 | / |
| list-style-position | 指定标记框在主体块框中的位置。 | list-style-position: inside;（或者outside; inherit;） |
| list-style-type | 可以设置列表元素的 marker（比如圆点、符号、或者自定义计数器样式）。 | list-style-type: circle（小圆圈作为列表最开始的那个指示头）square（正方形）（你也可以指定一个字符或者emoji）; |