CSS背景、文本与字体.ppt

CSS背景 文本与字体 青软实训 目录 背景文本字体 背景 CSS背景 background 属性定义元素的背景效果 元素的背景区包括前景之下直到边框边界的所有空间 因此 内容框与内边距都是元素背景的一部分 且边框画在背景上 CSS允许应用纯色作为背景 也允许使用背景图像创建相当复杂的效果 CSS在这方面的能力远远在HTML之上 背景 CSS背景属性 背景 背景实例设置背景颜色本例演示如何为元素设置背景颜色 设置文本的背景颜色本例颜色如何设置部分文本的背景颜色 将图像设置为背景本例演示如何将图像设置为背景 如何重复背景图像本例演示如何重复背景图像 如何在垂直方向重复背景图像本例演示如何垂直地重复背景图像 如何在水平方向重复背景图像本例演示如何水平地重复背景图像 背景 背景实例如何仅显示一次背景图像本例演示如何仅显示一次背景图像 如何放置背景图像本例演示如何在页面上放置背景图像 如何使用 来定位背景图像本例演示如何使用百分比来在页面上定位背景图像 如何使用像素来定位背景图像本例演示如何使用像素来在页面上定位背景图像 如何设置固定的背景图像本例演示如何设置固定的背景图像 图像不会随着页面的其他部分滚动 所有背景属性在一个声明之中本例演示如何使用简写属性来将所有背景属性设置在一个声明之中 文本 CSS文本属性可定义文本的外观 使用文本属性 你可以改变文本的颜色 增加或减少文本中的字符间距 对齐文本 装饰文本 对文本中的首行进行缩进 以及其他等等 文本 CSS文本属性 文本 文本实例设置文本颜色本例演示如何设置文本的颜色 设置文本的背景颜色本例颜色如何设置部分文本的背景颜色 规定字符间距本例演示如何增加或减少字符间距 使用百分比设置行间距本例演示如何使用百分比值来设置段落中的行间距 使用像素值设置行间距本例演示如何使用像素值来设置段落中的行间距 使用数值来设置行间距本例演示如何使用一个数值来设置段落中的行间距 文本 文本实例对齐文本本例演示如何对齐文本 修饰文本本例演示如何向文本添加修饰 缩进文本本例演示如何缩进文本首行 控制文本中的字母本例演示如何控制文本中的字母 在元素中禁止文本折行本例演示如何禁止在元素中的文本折行 增加单词间距本例演示如何增加段落中单词间的距离 字体 CSS字体 font 属性定义文本中的字体 设置字体属性是样式表的最常见用途之一 CSS字体属性允许您设置字体系列 font family 和字体加粗 font weight 您还可以设置字体的大小 字体风格 如斜体 和字体变形 如小型大写字母 字体 CSS字体属性 字体 字体实例设置文本的字体本例演示如何设置文本字体 设置字体尺寸本例演示如何设置字体尺寸 设置字体风格本例演示如何设置字体风格 设置字体的异体本例演示如何设置字体的异体 设置字体的粗细本例演示如何设置字体的粗细 所有字体属性在一个声明之内本例演示如何使用简写属性将字体属性设置在一个声明之内