CSS手册

CSS 中的 position 属性用来设置元素在页面中的位置，通过该属性可以把任何属性放置在任何您认为合适的位置。position 属性有 5 个可选值，分别对应 5 种不同的定位方式，如下所示：

display 属性是 CSS 中最重要的属性之一，主要用来控制元素的布局，通过 display 属性可以设置元素是否显示以及如何显示。 根据元素类型的不同，每个元素都有一个默认的 display 属

1.CSS visibility（设置元素是否可见） CSS 中的 visibility 属性用来设置元素是否可见，可以将该属性与 JavaScript 一起使用，来创建非常复杂的菜单或网页布局，比如

CSS 中的计数器类似于变量，可以实现简单的计数功能，并将结果显示在页面上，在早期的网站上应用比较广泛。要实现计数器需要用到以下几个属性： counter-reset：创建或者重置计数器； count

页面中的每个元素都可以看作是一个矩形的盒子，我们可以使用 CSS 来控制盒子的大小、位置等等信息。默认情况下，当元素中的内容超出盒子的大小时，例如元素内容区的宽度和高度所组成的矩形区域中不足以容纳元素

当用户访问一个网站时，浏览器会向服务器发送一系列请求，比如说网页上的每张图像都需要经过一次请求才能最终展示给用户。然而，一个网页中往往包含大量的图像资源（例如在页面中展示的图片、网页的背景图像以及一些

轮廓（outline）是绘制于元素周围的一条线，位于边框的外围（紧贴着边框），主要用来突出显示某个元素，如下图所示： 轮廓和边框看起来非常相似，但它们之间也并非没有区别，例如： 元素上下左右四个方向上

在浏览网页的过程中，当我们将鼠标移动到一些元素上时，鼠标的样式会发生相应的改变，例如当鼠标指向文本时，鼠标的样式会变成类似大写字母I的样子；当鼠标指向链接时，鼠标会变成一个小手的形状等。 1. cur

1. CSS 宽度、高度 CSS 尺寸属性指的就是元素的宽度和高度属性。CSS 中提供了 width、height``、max-width、min-width、max-height 和 min-hei

盒子模型是网页设计中经常用到的一种思维模型，由四个部分构成，从内到外分别为内容区（content）、内边距（padding）、边框（border）和外边距（margin），CSS 为这四个部分提供了一

在网页中很多地方都会用到列表，例如导航菜单、新闻列表、商品分类等等。您除了可以使用 HTML 中的一些属性来对列表进行简单的设置外，在 CSS 中也提供了几种专门用来设置和格式化列表的属性，如下所示：

在网页中我们通常使用表格来展示一些数据，例如成绩表、财务报表等，但是默认情况下表格的样式并不美观，甚至不符合页面的风格。CSS 中提供了一些属性，通过这些属性您可以修改表格的样式，大大改善表格的外观。

CSS 中的边框是围绕着元素内容和内边距的一条或多条线段，您可以自定义这些线段的样式、宽度以及颜色。可以通过下面几个属性分别定义边框的样式、宽度和颜色： border-style：设置边框的样式，例如

<a>链接是网站的重要组成部分，合理的设计链接的样式能够给网页的颜值加分。链接有四种不同的状态，分别是 link、visited、active 和 hover，可以通过以下伪类选择器来为链接的四种状态

通过 CSS 中的文本属性您可以像操作 Word 文档那样定义网页中文本的字符间距、对齐方式、缩进等等，CSS 中常用的文本属性如下所示： text-align：设置文本的水平对齐方式； text-d

字体设置也是网页设计中的重要组成部分，合适的字体不仅会使页面更加美观，也可以提升用户体验。CSS 中提供了一系列用于设置文本字体样式的属性，比如更改字体，控制字体大小和粗细等等。 font-famil

在制作网页时我们往往需要在网页中添加一些背景颜色、背景图像让网页更加美观，吸引访问者的眼球。CSS 中提供了一系列用于设置 HTML 元素背景效果的属性，如下所示： background-color：

我们在显示屏上看到的各种颜色都是通过红（red）、绿（green）、蓝（blue）三原色组合而成的，按不同的比例混合这三种颜色就可以得到其它颜色，通过调整红、绿、蓝三种颜色的数值可以最大限度的控制颜色

一个 CSS 样式由选择器、属性和值三个部分组成（例如p{ width: 100px;}），在设置某些属性值时会涉及到与值对应的长度单位。 CSS 支持多种不同的长度单位，根据类型的不同可以分为两类，

在代码中合理的添加注释是个非常好的习惯，通过注释您可以对代码加以解释说明（例如描述某段代码的功能、使用方法等），浏览器会自动忽略注释的内容。注释对开发人员非常重要，它可以帮助开发人员更快的理解代码的用