css参考综述.doc

html head style type=text/css body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} p.no2 {background-color: gray; padding: 20px;} /style /head body h1这是标题 1/h1 h2这是标题 2/h2 p这是段落/p p class=no2这个段落设置了内边距。/p /body /html 背景为黄色 这是标题 1 这是标题 2 这是段落 这个段落设置了内边距。 CSS 实例 Previous Page Next Page 提示：以下例子中的 CSS 代码均位于 HTML 的 head 部分，这样做的目的是为了利于演示例子本身。在实际的开发中，使用 CSS 最好的方式是引用外部样式表。 CSS 背景实例： 设置背景颜色 本例演示如何为元素设置背景颜色。 设置文本的背景颜色 本例颜色如何设置部分文本的背景颜色。 将图像设置为背景 本例演示如何将图像设置为背景。 如何重复背景图像 本例演示如何重复背景图像。 如何在垂直方向重复背景图像 本例演示如何垂直地重复背景图像。 如何在水平方向重复背景图像 本例演示如何水平地重复背景图像。 如何仅显示一次背景图像 本例演示如何仅显示一次背景图像。 如何放置背景图像 本例演示如何在页面上放置背景图像。 如何使用%来定位背景图像 本例演示如何使用百分比来在页面上定位背景图像。 如何使用像素来定位背景图像 本例演示如何使用像素来在页面上定位背景图像。 如何设置固定的背景图像 本例演示如何设置固定的背景图像。图像不会随着页面的其他部分滚动。 所有背景属性在一个声明之中 本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。 例子解释 CSS 文本实例： 设置文本颜色 本例演示如何设置文本的颜色。 设置文本的背景颜色 本例颜色如何设置部分文本的背景颜色。 规定字符间距 本例演示如何增加或减少字符间距。 使用百分比设置行间距 本例演示如何使用百分比值来设置段落中的行间距。 使用像素值设置行间距 本例演示如何使用像素值来设置段落中的行间距。 使用数值来设置行间距 本例演示如何使用一个数值来设置段落中的行间距。 对齐文本 本例演示如何对齐文本。 修饰文本 本例演示如何向文本添加修饰。 缩进文本 本例演示如何缩进文本首行。 控制文本中的字母 本例演示如何控制文本中的字母。 在元素中禁止文本折行 本例演示如何禁止在元素中的文本折行。 增加单词间距 本例演示如何增加段落中单词间的距离。 例子解释 CSS 字体(font)实例： 设置文本的字体 本例演示如何设置文本字体。 设置字体尺寸 本例演示如何设置字体尺寸。 设置字体风格 本例演示如何设置字体风格。 设置字体的异体 本例演示如何设置字体的异体。 设置字体的粗细 本例演示如何设置字体的粗细。 所有字体属性在一个声明之内 本例演示如何使用简写属性将字体属性设置在一个声明之内。 例子解释 CSS 边框(border)实例： 所有边框属性在一个声明之中 本例演示用简写属性来将所有四个边框属性设置于同一声明中。 设置四边框样式 本例演示如何设置四边框样式。 设置每一边的不同边框 本例演示如何在元素的各边设置不同的边框。 所有边框宽度属性在一个声明之中 本例演示用简写属性来将所有边框宽度属性设置于同一声明中。 设置四个边框的颜色 本例演示如何设置四个边框的颜色。可以设置一到四个颜色。 所有下边框属性在一个声明中 本例演示用简写属性来将所有下边框属性设置在同一声明中。 设置下边框的颜色 本例演示如何设置下边框的颜色。 设置下边框的样式 本例演示如何设置下边框的样式。 设置下边框的宽度 本例演示如何设置下边框的宽度。 所有左边框属性在一个声明之中 所有左边框属性在一个声明之中 设置左边框的颜色 本例演示如何设置左边框的颜色。 设置左边框的样式 本例演示如何设置左边框的样式。 设置左边框的宽度 本例演示如何设置左边框的宽度。 所有右边框属性在一个声明之中 本例演示一个简写属性，用于把所有右边框属性设置在一条声明中。 设置右边框的颜色 本例演示如何设置右边框的颜色。 设置右边框的样式 本例演示如何设置右边框的样式。 设置右边框的宽度 本例演示