CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Style sheet）。 在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
选择性展开您需要查看的分类属性，点击表格中属性列的链接，可以查看相关属性的详细信息。
| 属性 | 描述 | 值 |
|---|---|---|
| background | 简写属性，作用是将背景属性设置在一个声明中。 |
|
| background-attachment | 背景图像是否固定或者随着页面的其余部分滚动。 |
|
| background-color | 设置元素的背景颜色。 |
|
| background-image | 把图像设置为背景。 |
|
| background-position | 设置背景图像的起始位置。 |
|
| background-repeat | 设置背景图像是否及如何重复。 |
|
| 属性 | 描述 | 值 |
|---|---|---|
| border | 简写属性。作用是在一个声明中用来设置四个边框的所有属性。 |
|
| border-bottom | 简写属性。作用是在一个声明中用来设置下边框的所有属性。 |
|
| border-bottom-color | 设置下边框的颜色。 | border-color |
| border-bottom-style | 设置下边框的样式。 | border-style |
| border-bottom-width | 设置下边框的宽度。 |
|
| border-color | 设置四个边框的颜色，可以设置一到四个颜色。 | color |
| border-left | 简写属性。用于在一个声明中设置左边框的所有属性。 |
|
| border-left-color | 设置左边框的颜色。 | border-color |
| border-left-style | 设置左边框的样式。 | border-style |
| border-left-width | 设置左边框的宽度。 |
|
| border-right | 简写属性。将所有用于右边框的属性设置于一个声明中。 |
|
| border-right-color | 设置右边框的颜色 | border-color |
| border-right-style | 设置右边框的样式 | border-style |
| border-right-width | 设置右边框的宽度。 |
|
| border-style | 设置四个边框的样式，可以设置一到四个样式。 |
|
| border-top | 简写属性。将所有用于上边框的属性设置于一个声明中。 |
|
| border-top-color | 设置上边框的颜色。 | border-color |
| border-top-style | 设置上边框的样式。 | border-style |
| border-top-width | 设置上边框的宽度。 |
|
| border-width | 简写属性。在一个声明中设置四个边框的宽度，可以设置一到四个值。 |
|
| 属性 | 描述 | 值 |
|---|---|---|
| color | 设置文本颜色。 | color |
| direction | 设置文本方向。 |
|
| letter-spacing | 设置字符间距。 |
|
| text-align | 对齐元素中的文本。 |
|
| text-decoration | 向文本添加修饰。 |
|
| text-indent | 缩进元素中文本的首行。 |
|
| text-transform | 控制元素中的字母。 |
|
| unicode-bidi | 设置文本方向。 |
|
| white-space | 设设置元素中空白的处理方式。 |
|
| word-spacing | 设置字间距。 |
|
| 属性 | 描述 | 值 |
|---|---|---|
| font | 简写属性。作用是将所有针对字体的属性设置在一个声明中。 |
|
| font-family | 字体类型名称或者针对某元素的类属族名名称的优先列表。 |
|
| font-size | 设置字体的尺寸。 |
|
| font-size-adjust | 为元素规定 aspect 值。 | none number |
| font-stretch | 收缩或拉伸当前的字体族。 |
|
| font-style | 设置字体样式。 |
|
| font-variant | 以小型小写字体或者正常字体显示文本 |
|
| font-weight | 设置字体的粗细。 |
|
| 属性 | 描述 | 值 |
|---|---|---|
| margin | 简写属性。在一个声明中设置外边距属性。 |
|
| 设置元素的下外边距。 |
|
|
| 设置元素的左外边距。 |
|
|
| 设置元素的右外边距。 |
|
|
| margin-top | 设置元素的上外边距。 |
|
| 属性 | 描述 | 值 |
|---|---|---|
| padding | 简写属性。作用是在一个声明中设置元素的内边距属性。 |
|
| 设置元素的下内边距。 |
|
|
| 设置元素的左内边距。 |
|
|
| 设置元素的右内边距。 |
|
|
| padding-top | 设置元素的上内边距。 |
|
| 属性 | 描述 | 值 |
|---|---|---|
| list-style | 简写属性。用于将所有用于列表的属性设置于一个声明之中。 |
|
| list-style-image | 将图象设置为列表项标记。 |
|
| list-style-position | 设置列表中列表项标记被放置的位置。 |
|
| list-style-type | 设置列表项标记的类型。 |
|
| 属性 | 描述 | 值 |
|---|---|---|
| content | 生成文档中的内容。与 :before 以及 :after 伪元素配合使用。 | string url counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, list-style-type) attr(X) open-quote close-quote no-open-quote no-close-quote |
| counter-increment | 设置某个选取器每次出现的计数器增量。 | none identifier number |
| counter-reset | 设置某个选择器出现次数的计数器的值。 | none identifier number |
| quotes | 设置引号的类型。 | none string string |
| 属性 | 描述 | 值 |
|---|---|---|
| outline | 简写属性。用来在一个声明中设置所有的 outline 属性。 | outline-color outline-style outline-width |
| outline-color | 设置围绕元素的轮廓的颜色。 | color invert |
| outline-style | 设置围绕元素的轮廓的样式。 | none dotted dashed solid double groove ridge inset outset |
| outline-width | 设置围绕元素的轮廓的宽度。 | thin medium thick length |
| 属性 | 描述 | 值 |
|---|---|---|
| height | 设置元素高度。 |
|
| line-height | 设置行间距。 |
|
| max-height | 设置元素的最大高度。 |
|
| max-width | 设置元素的最大宽度。 |
|
| min-height | 设置元素的最小高度。 |
|
| min-width | 设置元素的最小宽度。 |
|
| width | 设置元素的宽度。 |
|
| 属性 | 描述 | 值 |
|---|---|---|
| clear | 设置不允许存在浮动对象的边 |
|
| cursor | 规定光标类型（形状） |
|
| display | 设置如何及是否显示某元素 |
|
| float | 设置图像或文本出现于另一元素中的何处 |
|
| position | 元素的定位方式：静态、相对定位、绝对定位、固定定位 |
|
| visibility | 设置元素可见或不可见 |
|
| 属性 | 描述 | 值 |
|---|---|---|
| bottom | 设置定位元素下外边距边界与其包含块下边界之间的偏移。 |
|
| clip | 设置元素的形状。 |
|
| left | 设置定位元素左外边距边界与其包含块左边界之间的偏移。 |
|
| overflow | 设置当元素的内容溢出其区域时发生的事情。 |
|
| position | 把元素放置到一个静态的、相对的、绝对的、或固定的位置中。 |
|
| right | 设置定位元素右外边距边界与其包含块右边界之间的偏移。 |
|
| top | 设置定位元素的上外边距边界与其包含块上边界之间的偏移。 |
|
| vertical-align | 设置元素的垂直排列。 |
|
| z-index | 设置元素的堆叠顺序。 |
|
| 属性 | 描述 |
|---|---|
| border-collapse | 设置是否把表格边框合并为单一的边框。 |
| border-spacing | 设置分隔单元格边框的距离。（仅用于 "separated borders" 模型） |
| caption-side | 设置表格标题的位置。 |
| empty-cells | 设置是否显示表格中的空单元格。（仅用于 "separated borders" 模型） |
| table-layout | 设置显示单元、行和列的算法。 |
| 伪类 | 作用 |
|---|---|
| :active | 将样式添加到被激活的元素。 |
| :focus | 将样式添加到被选中的元素。 |
| :hover | 当鼠标悬浮在元素上方时，向元素添加样式。 |
| :link | 将特殊的样式添加到未被访问过的链接。 |
| :visited | 将特殊的样式添加到被访问过的链接。 |
| :first-child | 将特殊的样式添加到元素的第一个子元素。 |
| :lang | 允许创作者来定义指定的元素中使用的语言。 |
| 伪元素 | 作用 |
|---|---|
| :first-letter | 向文本的第一个字母添加特殊样式。 |
| :first-line | 向文本的首行添加特殊样式。 |
| :before | 在元素内容之前插入内容。 |
| :after | 在元素内容之后插入内容。 |