极客教程CSS2 参考指南
这是一个完整的参考指南，针对网页开发人员，我们列出了所有在万维网联盟推荐的层叠样式表第2级规范中定义的CSS属性。
- Aural
- Background
- Border
- Classification
- Dimension
- Font
- Generated Content
- List and Marker
- Margin
- Outlines
- Padding
- Positioning
- Table
- Text
- Pseudo-classes
- Pseudo-elements
点击任何属性以查看其说明和示例 –
| 编号 | 属性和描述 |
|---|---|
| 1 | azimuth 描述了声源在听者环境的水平轴上的位置。 |
| 2 | background 以下属性的组合属性： 背景附着(background-attachment) |
| 3 | background-attachment 确定背景图片是固定在窗口中还是随着文档滚动而滚动。 |
| 4 | background-color 设置元素的背景颜色。 |
| 5 | background-image 设置元素的背景图像。 |
| 6 | background-position 如果指定了，设置元素背景图像的初始位置；通常会配对提供 x 和 y 位置的值；默认位置为0% 0%。 |
| 7 | background-repeat 确定如何在元素上重复（平铺）背景图像。 |
| 8 | border 设置元素的四个边框；值为一个或多个颜色、 border-width 的值，以及 border-style 的值。 |
| 9 | border-bottom 设置元素的底部边框；值可以是颜色、border-bottom-width的值以及border-style的值。 |
| 10 | border-bottom-width 设置元素底部边框的厚度。 |
| 11 | border-collapse 设置表格边框渲染算法。 |
| 12 | border-color 设置元素的四个边框的颜色；默认为元素的颜色。 |
| 13 | border-left-color 设置元素左边框的颜色；默认为元素的颜色。 |
| 14 | border-right-color 设置元素右边框的颜色；默认为元素的颜色。 |
| 15 | border-top-color 设置元素顶部边框的颜色；默认为元素的颜色。 |
| 16 | border-bottom-color 设置元素底部边框的颜色；默认为元素的颜色。 |
| 17 | border-left 设置元素的左边框；值可以是颜色、border-left-width的值和border-style的值中的一个或多个。 |
| 18 | border-left-width 设置元素左边框的粗细。 |
| 19 | border-right 设置元素的右边框；值可以是颜色、border-right-width的值和border-style的值中的一个或多个。 |
| 20 | border-right-width 设置元素右边框的厚度。 |
| 21 | border-spacing 当使用独立边框时，设置边框之间的间距。一个值设置垂直和水平间距，两个值分别设置水平和垂直间距。 |
| 22 | border-style 设置元素四个边框的样式。 |
| 23 | border-top 设置元素的顶部边框；值可以是颜色、 border-top-width 的值和 border-style 的值。 |
| 24 | border-top-width 设置元素的顶部边框的厚度。 |
| 25 | border-width 设置元素四个边框的厚度。 |
| 26 | bottom 与 position 属性一起使用，将元素的底部边缘放置在指定位置。 |
| 27 | caption-side 设置表格标题的位置。 |
| 28 | clear 设置元素的哪些边距不能与浮动元素相邻；如果这个边距不被清除，元素将向下移动。 |
| 29 | clip 设置元素的剪辑遮罩。 |
| 30 | color 设置元素的颜色。 |
| 31 | background 在元素周围插入生成的内容。 |
| 32 | counter-increment 将计数器增加1；值是计数器名称的列表，每个名称后面可以选择跟随一个值来增加计数器。 |
| 33 | counter-reset 将计数器重置为零；值是计数器名称的列表，每个名称后面可以选择跟随一个值来重置计数器。 |
| 34 | cue-after 在元素发声后播放指定的声音。 |
| 35 | cue-before 在元素发声前播放指定的声音。 |
| 36 | cursor 定义了鼠标的形状。 |
| 37 | direction 定义元素内容流动的方向。 |
| 38 | display 控制元素的显示方式。 |
| 39 | elevation 设置声音播放的高度。 |
| 40 | empty-cells 在具有分隔边框的表格中隐藏空单元格。 |
| 41 | float 确定元素是向左浮动还是向右浮动，允许文字环绕其周围或以内联方式显示。 |
| 42 | font 设置元素的所有字体属性。值可以是以下任意一种值：
font-style |
| 43 | font-family 定义一个元素的字体，可以是具体的字体也可以是serif、sans-serif、cursive、fantasy和monospace中的一种通用字体。 |
| 44 | font-size 定义字体的大小。 |
| 45 | font-size-adjust 调整当前字体的纵横比。 |
| 46 | font-stretch 确定要拉伸当前字体的量。 |
| 47 | font-style 定义字体的风格，可以是normal或一种倾斜的样式。 |
| 48 | font-variant 定义字体为小型大写字母。 |
| 49 | font-weight 定义字体的粗细。如果使用数字，必须是100到900之间的100的倍数；400是正常的，700与关键字bold相同。 |
| 50 | height 定义元素的高度。 |
| 51 | left 与position属性一起使用，将元素的左边缘放置在指定位置。 |
| 52 | letter-spacing 在文本字符之间插入额外的空格。 |
| 53 | line-height 设置相邻文本基线之间的距离。 |
| 54 | list-style 使用任意值定义与列表相关的样式，包括以下内容：
list-style-image |
| 55 | list-style-image 定义用作列表项标记的图像，替代以下值： list-style-type |
| 56 | list-style-position 根据列表项内容缩进或扩展（默认）列表项标记。 |
| 57 | list-style-type 为无序列表（circle，disc 或 square）或有序列表（decimal，loweralpha，lower-roman，none，upper-alpha 或 upper-roman）定义列表项标记。 |
| 58 | margin 定义一个元素的四个边距。 |
| 59 | margin-bottom 定义一个元素的底边距。默认值为0。 |
| 60 | margin-left 定义一个元素的左边距。默认值为0。 |
| 61 | margin-right 定义一个元素的右边距。默认值为0。 |
| 62 | margin-top 定义一个元素的上边距。默认值为0。 |
| 63 | marker-offset marker-offset属性可用于有序列表中，用于指定标记框（或列表符号）和其关联主框之间的最近边框边缘之间的距离。 |
| 64 | marks marks属性用于在分页媒体上设置裁剪标记和交叉标记。这与@page规则一起使用。 |
| 65 | max-height max-height属性用于限制元素的高度。 |
| 66 | max-width max-width属性用于设置元素的最大宽度。 |
| 67 | min-height min-height属性用于限制元素的高度。 |
| 68 | min-width min-width属性用于限制元素的宽度。 |
| 69 | orphans 设置孤立段落片段中允许的最少行数。 |
| 70 | outline 轮廓属性是一个简写属性，用于指定所有轮廓属性。 |
| 71 | outline-color 轮廓颜色属性用于指定轮廓的颜色。请注意，与边框属性不同，轮廓不占用额外的空间，且可以是非矩形的。 |
| 72 | outline-color-style 轮廓样式属性用于指定轮廓的样式。请注意，与边框属性不同，轮廓不占用额外的空间，且可以是非矩形的。 |
| 73 | outline-width 轮廓宽度属性用于指定轮廓的宽度。请注意，与边框属性不同，轮廓不占用额外的空间，且可以是非矩形的。 |
| 74 | overflow 决定溢出内容的呈现方式。 |
| 75 | padding 定义元素周围的四个内边距。 |
| 76 | padding-bottom 定义元素的底部内边距。默认值为0。 |
| 77 | padding-left 定义元素的左侧内边距。默认值为0。 |
| 78 | padding-right 定义元素的右侧内边距。默认值为0。 |
| 79 | padding-top 定义元素的顶部内边距。默认值为0。 |
| 80 | page 将命名的页面布局与元素关联。 |
| 81 | page-break-after 强制或抑制元素之后的分页。 |
| 82 | page-break-before 强制或抑制元素之前的分页。 |
| 83 | page-break-inside 抑制元素内部的分页。 |
| 84 | pause pause属性是CSS的缩写，用于指定媒体中的暂停。 |
| 85 | pause-after 在说完元素后暂停媒体。 |
| 86 | pause-before 暂停媒体播放，然后再说出一个元素。 |
| 87 | pitch 设置元素的语音内容的平均音调。 |
| 88 | pitch-range 设置音调的范围，从0（平坦）到100（宽广）；默认值为50。 |
| 89 | play-during 如果提供了URL，则在元素的语音内容期间播放，repeat循环音频；mix使其与其他背景音频混合，而不是替换。 |
| 90 | position 设置元素的定位模型。 |
| 91 | quotes 设置用于引用文本的引号符号。 |
| 92 | richness 设置声音的丰富度，从0（平淡）到100（甜美）；默认值为50。 |
| 93 | right 与 position 属性一起使用，将元素的右边缘放置在指定位置。 |
| 94 | size 尺寸属性用于在分页媒体中指定页面的大小。 |
| 95 | speak 决定如何朗读元素的内容。 |
| 96 | speak-header 决定表头是否在每行或每列朗读一次，或每次朗读一个单元格时朗读一次。 |
| 97 | speak-numeral 决定数字的朗读方式。 |
| 98 | speak-punctuation 确定是否朗读标点符号或用于语调。 |
| 99 | speech-rate 设置语音的速度；数字表示每分钟的单词速度。 |
| 100 | stress 设置声音的重音大小，从0（呆滞）到100（过度兴奋）；默认为50。 |
| 101 | table-layout 确定表格呈现算法。 |
| 102 | text-align 设置元素的文本对齐样式。 |
| 103 | text-decoration 定义文本的任何装饰；值可以组合使用。 |
| 104 | text-indent 定义元素中第一行文本的缩进；默认值为0。 |
| 105 | text-shadow 创建具有不同颜色和偏移的文本阴影。 |
| 106 | text-transform 相应地转换元素中的文本。 |
| 107 | top 与属性 position 一起用于放置元素的顶部边缘。 |
| 108 | vertical-align 设置元素的垂直定位。 |
| 109 | visibility 确定元素在文档或表中是否可见。 |
| 110 | voice-family 选择指定的语音族以朗读元素的内容。 |
| 111 | volume 设置朗读内容的音量；数值范围从0到100。 |
| 112 | white-space 定义元素内部空白的处理方式。 |
| 113 | widows 设置段落片段中允许的最小行数。 |
| 114 | width 定义元素的宽度。 |
| 115 | word-spacing 在单词之间插入额外的空白。 |
| 116 | z-index 设置当前元素的渲染层。 |
伪类和伪元素
| 序号 | 属性和描述 |
|---|---|
| 1 | :active 使用此类来为激活的元素添加特效。 |
| 2 | :focus 使用此类来为拥有焦点的元素添加特效。 |
| 3 | :hover 使用此类来为鼠标悬停在元素上时添加特效。 |
| 4 | :link 使用此类来为未访问的链接添加特效。 |
| 5 | :visited 使用此类来为已访问的链接添加特效。 |
| 6 | :first-child 使用此类来为某个元素的第一个子元素添加特效。 |
| 7 | :lang 使用此类为指定元素指定语言。 |
| 8 | :first-letter 使用此元素为文本的第一个字母添加特效。 |
| 9 | :first-line 使用此元素为文本的第一行添加特效。 |
| 10 | :before 使用此元素在一个元素之前插入内容。 |
| 11 | :after 使用此元素在一个元素之后插入内容。 |