2024年3月10日发(作者：冉英楠)
CSS 背景属性（Background）
属性描述
background在一个声明中设置所有的背景属性。
background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。
background-color设置元素的背景颜色。
background-image设置元素的背景图像。
background-position设置背景图像的开始位置。
background-repeat设置是否及如何重复背景图像。
CSS 边框属性（Border 和Outline）
属性描述
border在一个声明中设置所有的边框属性。
border-bottom在一个声明中设置所有的下边框属性。
border-bottom-color设置下边框的颜色。
border-bottom-style设置下边框的样式。
border-bottom-width设置下边框的宽度。
border-color设置四条边框的颜色。
border-left在一个声明中设置所有的左边框属性。
border-left-color设置左边框的颜色。
border-left-style设置左边框的样式。
border-left-width设置左边框的宽度。
border-right在一个声明中设置所有的右边框属性。
border-right-color设置右边框的颜色。
border-right-style设置右边框的样式。
border-right-width设置右边框的宽度。
border-style设置四条边框的样式。
border-top在一个声明中设置所有的上边框属性。
border-top-color设置上边框的颜色。
border-top-style设置上边框的样式。
border-top-width设置上边框的宽度。
border-width设置四条边框的宽度。
outline在一个声明中设置所有的轮廓属性。
outline-color设置轮廓的颜色。
outline-style设置轮廓的样式。
outline-width设置轮廓的宽度。
CSS 文本属性（Text）
属性描述
color设置文本的颜色。
direction规定文本的方向/ 书写方向。
letter-spacing设置字符间距。
line-height设置行高。
text-align规定文本的水平对齐方式。
CSS
1
1
1
1
1
1
CSS
1
1
2
2
1
1
1
2
2
1
1
2
2
1
1
1
2
2
1
1
2
2
2
2
CSS
1
2
1
1
1
text-decoration规定添加到文本的装饰效果。
text-indent规定文本块首行的缩进。
text-shadow 规定添加到文本的阴影效果。
text-transform控制文本的大小写。
unicode-bidi设置文本方向。
white-space规定如何处理元素中的空白。
word-spacing设置单词间距。
CSS 字体属性（Font）
属性
font在一个声明中设置所有字体属性。
font-family规定文本的字体系列。
font-size规定文本的字体尺寸。
font-size-adjust为元素规定aspect 值。
font-stretch收缩或拉伸当前的字体系列。
font-style规定文本的字体样式。
font-variant规定文本的字体样式。
font-weight规定字体的粗细。
CSS 外边距属性（Margin）
属性
margin在一个声明中设置所有外边距属性。
margin-bottom设置元素的下外边距。
margin-left设置元素的左外边距。
margin-right设置元素的右外边距。
margin-top设置元素的上外边距。
CSS 内边距属性（Padding）
属性
padding在一个声明中设置所有内边距属性。
padding-bottom设置元素的下内边距。
padding-left设置元素的左内边距。
padding-right设置元素的右内边距。
padding-top设置元素的上内边距。
CSS 列表属性（List）
属性
list-style在一个声明中设置所有的列表属性。
list-style-image将图象设置为列表项标记。
list-style-position设置列表项标记的放置位置。
list-style-type设置列表项标记的类型。
marker-offset
内容生成（Generated Content）
描述
描述
描述
描述
1
1
2
1
2
1
1
CSS
1
1
1
2
2
1
1
1
CSS
1
1
1
1
1
CSS
1
1
1
1
1
CSS
1
1
1
1
2
属性描述
content与:before 以及:after 伪元素配合使用，来插入生成内容。
counter-increment递增或递减一个或多个计数器。
counter-reset创建或重置一个或多个计数器。
quotes设置嵌套引用的引号类型。
CSS 尺寸属性（Dimension）
属性描述
height设置元素高度。
max-height设置元素的最大高度。
max-width设置元素的最大宽度。
min-height设置元素的最小高度。
min-width设置元素的最小宽度。
width设置元素的宽度。
CSS 定位属性（Positioning）
属性描述
bottom设置定位元素下外边距边界与其包含块下边界之间的偏移。
clear规定元素的哪一侧不允许其他浮动元素。
clip剪裁绝对定位元素。
cursor规定要显示的光标的类型（形状）。
display规定元素应该生成的框的类型。
float规定框是否应该浮动。
left设置定位元素左外边距边界与其包含块左边界之间的偏移。
overflow规定当内容溢出元素框时发生的事情。
position规定元素的定位类型。
right设置定位元素右外边距边界与其包含块右边界之间的偏移。
top设置定位元素的上外边距边界与其包含块上边界之间的偏移。
vertical-align设置元素的垂直对齐方式。
visibility规定元素是否可见。
z-index设置元素的堆叠顺序。
CSS 打印属性（Print）
属性描述
orphans 设置当元素内部发生分页时必须在页面底部保留的最少行数。
page-break-after设置元素后的分页行为。
page-break-before设置元素前的分页行为。
page-break-inside设置元素内部的分页行为。
widows 设置当元素内部发生分页时必须在页面顶部保留的最少行数。
CSS 表格属性（Table）
属性描述
CSS
2
2
2
2
CSS
1
2
2
2
2
1
CSS
2
1
2
2
1
1
2
2
2
2
2
1
2
2
CSS
2
2
2
2
2
CSS
border-collapse
border-spacing
caption-side
empty-cells
table-layout
规定是否合并表格边框。
规定相邻单元格边框之间的距离。
规定表格标题的位置。
规定是否显示表格中的空单元格上的边框和背景。
设置用于表格的布局算法。
2
2
2
2
2
CSS 伪类（Pseudo-classes）
属性
:active
:focus
:hover
:link
:visited
:first-child
:lang
向被激活的元素添加样式。
向拥有键盘输入焦点的元素添加样式。
当鼠标悬浮在元素上方时，向元素添加样式。
向未被访问的链接添加样式。
向已被访问的链接添加样式。
向元素的第一个子元素添加样式。
向带有指定lang 属性的元素添加样式。
描述
1
2
1
1
1
2
2
CSS
CSS 伪元素（Pseudo elements）
属性
:first-letter
:first-line
:before
:after
描述
向文本的第一个字母添加特殊样式。
向文本的首行添加特殊样式。
在元素之前添加内容。
在元素之后添加内容。
CSS
1
1
2
2
打印属性
打印HTML 文档总是会出现问题。在
属性
orphans
CSS2 中，我们可以借助打印属性让打印
描述
设置元素放在页面底部时所允许的最少文本行数。
设置是否在内容区之外但是在画布的可打印区域内放
marks
志”。
请注意，CSS2.1 已删除该属性。
这个属性与
page
页面类型。
请注意，CSS2.1 已删除该属性。
auto
always
page-break-after设置元素后是否应当放置分页符。
avoid
left
right
size 属性结合可以指定打印一个元素时所用的特定
auto identifier
“十字标
number
none
crop
cross
web 内容更容易一些。
值
page-break-before设置元素前否应当放置分页符。
page-break-inside设置元素内部是否应当放置分页符。
利用这个属性，创作人员可以声明打印一个元素时所用页框的大
size
小和方向。它可以与page 结合使用。不过并不要求一定如此。
请注意，CSS2.1 已删除该属性。
widows 设置元素放在页面顶部时所允许的最少文本行数。
尺寸
单位描述
% 百分比
in 英寸
cm 厘米
mm 毫米
1em 等于当前的字体尺寸。
em
2em 等于当前字体尺寸的两倍。
例如，如果某元素以12pt 显示，那么2em 是24pt。
在CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。
ex 一个ex 是一个字体的x-height。(x-height 通常是字体尺寸的一半。)
pt 磅(1 pt 等于1/72 英寸)
pc 12 点活字(1 pc 等于12 点)
px 像素(计算机屏幕上的一个点)
颜色
单位描述
(颜色名) 颜色名称(比如red)
rgb(x,x,x) RGB 值(比如rgb(255,0,0))
rgb(x%, x%, x%) RGB 百分比值(比如rgb(100%,0%,0%))
#rrggbb 十六进制数(比如#ff0000)
number
auto
always
avoid
left
right
auto
avoid
auto
portrait
landscape
2024年3月10日发(作者：冉英楠)
CSS 背景属性（Background）
属性描述
background在一个声明中设置所有的背景属性。
background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。
background-color设置元素的背景颜色。
background-image设置元素的背景图像。
background-position设置背景图像的开始位置。
background-repeat设置是否及如何重复背景图像。
CSS 边框属性（Border 和Outline）
属性描述
border在一个声明中设置所有的边框属性。
border-bottom在一个声明中设置所有的下边框属性。
border-bottom-color设置下边框的颜色。
border-bottom-style设置下边框的样式。
border-bottom-width设置下边框的宽度。
border-color设置四条边框的颜色。
border-left在一个声明中设置所有的左边框属性。
border-left-color设置左边框的颜色。
border-left-style设置左边框的样式。
border-left-width设置左边框的宽度。
border-right在一个声明中设置所有的右边框属性。
border-right-color设置右边框的颜色。
border-right-style设置右边框的样式。
border-right-width设置右边框的宽度。
border-style设置四条边框的样式。
border-top在一个声明中设置所有的上边框属性。
border-top-color设置上边框的颜色。
border-top-style设置上边框的样式。
border-top-width设置上边框的宽度。
border-width设置四条边框的宽度。
outline在一个声明中设置所有的轮廓属性。
outline-color设置轮廓的颜色。
outline-style设置轮廓的样式。
outline-width设置轮廓的宽度。
CSS 文本属性（Text）
属性描述
color设置文本的颜色。
direction规定文本的方向/ 书写方向。
letter-spacing设置字符间距。
line-height设置行高。
text-align规定文本的水平对齐方式。
CSS
1
1
1
1
1
1
CSS
1
1
2
2
1
1
1
2
2
1
1
2
2
1
1
1
2
2
1
1
2
2
2
2
CSS
1
2
1
1
1
text-decoration规定添加到文本的装饰效果。
text-indent规定文本块首行的缩进。
text-shadow 规定添加到文本的阴影效果。
text-transform控制文本的大小写。
unicode-bidi设置文本方向。
white-space规定如何处理元素中的空白。
word-spacing设置单词间距。
CSS 字体属性（Font）
属性
font在一个声明中设置所有字体属性。
font-family规定文本的字体系列。
font-size规定文本的字体尺寸。
font-size-adjust为元素规定aspect 值。
font-stretch收缩或拉伸当前的字体系列。
font-style规定文本的字体样式。
font-variant规定文本的字体样式。
font-weight规定字体的粗细。
CSS 外边距属性（Margin）
属性
margin在一个声明中设置所有外边距属性。
margin-bottom设置元素的下外边距。
margin-left设置元素的左外边距。
margin-right设置元素的右外边距。
margin-top设置元素的上外边距。
CSS 内边距属性（Padding）
属性
padding在一个声明中设置所有内边距属性。
padding-bottom设置元素的下内边距。
padding-left设置元素的左内边距。
padding-right设置元素的右内边距。
padding-top设置元素的上内边距。
CSS 列表属性（List）
属性
list-style在一个声明中设置所有的列表属性。
list-style-image将图象设置为列表项标记。
list-style-position设置列表项标记的放置位置。
list-style-type设置列表项标记的类型。
marker-offset
内容生成（Generated Content）
描述
描述
描述
描述
1
1
2
1
2
1
1
CSS
1
1
1
2
2
1
1
1
CSS
1
1
1
1
1
CSS
1
1
1
1
1
CSS
1
1
1
1
2
属性描述
content与:before 以及:after 伪元素配合使用，来插入生成内容。
counter-increment递增或递减一个或多个计数器。
counter-reset创建或重置一个或多个计数器。
quotes设置嵌套引用的引号类型。
CSS 尺寸属性（Dimension）
属性描述
height设置元素高度。
max-height设置元素的最大高度。
max-width设置元素的最大宽度。
min-height设置元素的最小高度。
min-width设置元素的最小宽度。
width设置元素的宽度。
CSS 定位属性（Positioning）
属性描述
bottom设置定位元素下外边距边界与其包含块下边界之间的偏移。
clear规定元素的哪一侧不允许其他浮动元素。
clip剪裁绝对定位元素。
cursor规定要显示的光标的类型（形状）。
display规定元素应该生成的框的类型。
float规定框是否应该浮动。
left设置定位元素左外边距边界与其包含块左边界之间的偏移。
overflow规定当内容溢出元素框时发生的事情。
position规定元素的定位类型。
right设置定位元素右外边距边界与其包含块右边界之间的偏移。
top设置定位元素的上外边距边界与其包含块上边界之间的偏移。
vertical-align设置元素的垂直对齐方式。
visibility规定元素是否可见。
z-index设置元素的堆叠顺序。
CSS 打印属性（Print）
属性描述
orphans 设置当元素内部发生分页时必须在页面底部保留的最少行数。
page-break-after设置元素后的分页行为。
page-break-before设置元素前的分页行为。
page-break-inside设置元素内部的分页行为。
widows 设置当元素内部发生分页时必须在页面顶部保留的最少行数。
CSS 表格属性（Table）
属性描述
CSS
2
2
2
2
CSS
1
2
2
2
2
1
CSS
2
1
2
2
1
1
2
2
2
2
2
1
2
2
CSS
2
2
2
2
2
CSS
border-collapse
border-spacing
caption-side
empty-cells
table-layout
规定是否合并表格边框。
规定相邻单元格边框之间的距离。
规定表格标题的位置。
规定是否显示表格中的空单元格上的边框和背景。
设置用于表格的布局算法。
2
2
2
2
2
CSS 伪类（Pseudo-classes）
属性
:active
:focus
:hover
:link
:visited
:first-child
:lang
向被激活的元素添加样式。
向拥有键盘输入焦点的元素添加样式。
当鼠标悬浮在元素上方时，向元素添加样式。
向未被访问的链接添加样式。
向已被访问的链接添加样式。
向元素的第一个子元素添加样式。
向带有指定lang 属性的元素添加样式。
描述
1
2
1
1
1
2
2
CSS
CSS 伪元素（Pseudo elements）
属性
:first-letter
:first-line
:before
:after
描述
向文本的第一个字母添加特殊样式。
向文本的首行添加特殊样式。
在元素之前添加内容。
在元素之后添加内容。
CSS
1
1
2
2
打印属性
打印HTML 文档总是会出现问题。在
属性
orphans
CSS2 中，我们可以借助打印属性让打印
描述
设置元素放在页面底部时所允许的最少文本行数。
设置是否在内容区之外但是在画布的可打印区域内放
marks
志”。
请注意，CSS2.1 已删除该属性。
这个属性与
page
页面类型。
请注意，CSS2.1 已删除该属性。
auto
always
page-break-after设置元素后是否应当放置分页符。
avoid
left
right
size 属性结合可以指定打印一个元素时所用的特定
auto identifier
“十字标
number
none
crop
cross
web 内容更容易一些。
值
page-break-before设置元素前否应当放置分页符。
page-break-inside设置元素内部是否应当放置分页符。
利用这个属性，创作人员可以声明打印一个元素时所用页框的大
size
小和方向。它可以与page 结合使用。不过并不要求一定如此。
请注意，CSS2.1 已删除该属性。
widows 设置元素放在页面顶部时所允许的最少文本行数。
尺寸
单位描述
% 百分比
in 英寸
cm 厘米
mm 毫米
1em 等于当前的字体尺寸。
em
2em 等于当前字体尺寸的两倍。
例如，如果某元素以12pt 显示，那么2em 是24pt。
在CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。
ex 一个ex 是一个字体的x-height。(x-height 通常是字体尺寸的一半。)
pt 磅(1 pt 等于1/72 英寸)
pc 12 点活字(1 pc 等于12 点)
px 像素(计算机屏幕上的一个点)
颜色
单位描述
(颜色名) 颜色名称(比如red)
rgb(x,x,x) RGB 值(比如rgb(255,0,0))
rgb(x%, x%, x%) RGB 百分比值(比如rgb(100%,0%,0%))
#rrggbb 十六进制数(比如#ff0000)
number
auto
always
avoid
left
right
auto
avoid
auto
portrait
landscape