css背景、文本与字体

《css背景、文本与字体》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS背景、文本与字体青软实训目录背景文本字体背景CSS背景(background)属性定义元素的背景效果。元素的背景区包括前景之下直到边框边界的所有空间。因此，内容框与内边距都是元素背景的一部分，且边框画在背景上。CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果；CSS在这方面的能力远远在HTML之上。背景CSS背景属性属性描述background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image把图像设置

2、为背景。background-position设置背景图像的起始位置。background-repeat设置背景图像是否及如何重复。背景背景实例设置背景颜色本例演示如何为元素设置背景颜色。设置文本的背景颜色本例颜色如何设置部分文本的背景颜色。将图像设置为背景本例演示如何将图像设置为背景。如何重复背景图像本例演示如何重复背景图像。如何在垂直方向重复背景图像本例演示如何垂直地重复背景图像。如何在水平方向重复背景图像本例演示如何水平地重复背景图像。背景背景实例如何仅显示一次背景图像本例演示如何仅显示一次背景图像。如何放置背景图像本例演示如何在页面上放置背景图像。如何使用%来定位背景图像本例演

3、示如何使用百分比来在页面上定位背景图像。如何使用像素来定位背景图像本例演示如何使用像素来在页面上定位背景图像。如何设置固定的背景图像本例演示如何设置固定的背景图像。图像不会随着页面的其他部分滚动。所有背景属性在一个声明之中本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。文本CSS文本属性可定义文本的外观。使用文本属性，你可以改变文本的颜色，增加或减少文本中的字符间距，对齐文本，装饰文本，对文本中的首行进行缩进，以及其他等等。文本CSS文本属性属性描述color设置文本颜色direction设置文本方向。line-height设置行高。letter-spacing设置字符间距

4、。text-align对齐元素中的文本。text-decoration向文本添加修饰。text-indent缩进元素中文本的首行。text-shadow设置文本阴影。CSS2包含该属性，CSS2.1无。text-transform控制元素中的字母。unicode-bidi设置文本方向。white-space设置元素中空白的处理方式。word-spacing设置字间距。文本文本实例设置文本颜色本例演示如何设置文本的颜色。设置文本的背景颜色本例颜色如何设置部分文本的背景颜色。规定字符间距本例演示如何增加或减少字符间距。使用百分比设置行间距本例演示如何使用百分比值来设置段落中的行间距。使用像

5、素值设置行间距本例演示如何使用像素值来设置段落中的行间距。使用数值来设置行间距本例演示如何使用一个数值来设置段落中的行间距。文本文本实例对齐文本本例演示如何对齐文本。修饰文本本例演示如何向文本添加修饰。缩进文本本例演示如何缩进文本首行。控制文本中的字母本例演示如何控制文本中的字母。在元素中禁止文本折行本例演示如何禁止在元素中的文本折行。增加单词间距本例演示如何增加段落中单词间的距离。字体CSS字体(font)属性定义文本中的字体。设置字体属性是样式表的最常见用途之一。CSS字体属性允许您设置字体系列(font-family)和字体加粗(font-weight)，您还可以设置字体的大小、

6、字体风格（如斜体）和字体变形（如小型大写字母）。字体CSS字体属性属性描述font简写属性。作用是把所有针对字体的属性设置在一个声明中。font-family设置字体系列。font-size设置字体的尺寸。font-size-adjust当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1已删除该属性。）font-stretch对字体进行水平拉伸。（CSS2.1已删除该属性。）font-style设置字体风格。font-variant以小型小写字体或者正常字体显示文本。font-weight设置字体的粗细。字体字体实例设置文本的字体本例演示如何设置文本字体。设置字体尺寸本例演示如

7、何设置字体尺寸。设置字体风格本例演示如何设置字体风格。设置字体的异体本例演示如何设置字体的异体。设置字体的粗细本例演示如何设置字体的粗细。所有字体属性在一个声明之内本例演示如何使用简写属性将字体属性设置在一个声明之内。