目录
1.5 背景关联（background-attachment）
3.4 字体变形（font-variant）——个人感觉很鸡肋
5.2 图像设置为列表项标志（list-style-image）
5.3 列表项标志位置（list-style-position）——不常用
1.CSS背景
CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果（所有的背景属性都不能继承）
1.1 背景色（background-color）
1.2 背景图片（background-image）
1、默认：none，表示背景没有任何图像
2、语法：background-image: url("图片位置");
1.3 背景重复（background-repeat）
平铺：铺满整个网页
1.4 背景定位（background-position）
属性值可以使用关键字、长度值、百分数值。
1.4.1 属性值是关键字
1、关键字：top、bottom、left、right 、center
2、默认：left top(/top left) 左上
3、通常，这些关键字会成对出现（一个对应水平方向，另一个对应垂直方向），如果只出现一个关键字，则认为另一个关键字是 center。例如，top right 使图像放置在元素内边距区的右上角
4、例子：
1.4.2 属性值是百分数值
1、默认：0% 0%（相当于： top left/left top）
2、百分数值同时应用于元素和图像，图像中心与其元素的中心对齐。也就是说，图像中描述为 50% 50% 的点（中心点）与元素中描述为 50% 50% 的点（中心点）对齐。（将图像在其元素中居中：background-position:50% 50%;）
3、如果图像位于 0% 0%，其左上角将放在元素内边距区的左上角。如果图像位置是 100% 100%，会使图像的右下角放在右边距的右下角
4、如果只提供一个百分数值，所提供的这个值将用作水平值，垂直值将假设为 50%
5、例子：
1.4.2 属性值是长度值
1、解释：元素内边距区左上角的偏移，偏移点是图像的左上角
2、例子：如果设置值为 50px 100px，图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上
1.5 背景关联（background-attachment）
1、默认值：scroll（背景会随文档滚动）
2、将background-attachment的值设置为“fixed”，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响
2. CSS文本
通过文本属性，可以改变文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进，等等。
2.1 缩进文本（text-indent）
最常见的用途是将段落的首行缩进。值可正可负
1、使用正值，实现“首行缩进”
注意：一般来说，text-indent可以应用于所有块级元素，但不能应用于行内元素、可替换元素（类似img）。不过，如果一个块级元素（比如段落）的首行中有一个图像，它会随该行的其余文本移动。
补充：（可替换元素概念）
提示：如果想把一个行内元素的第一行“缩进”，可以用左内边距或外边距创造这种效果。
2、使用负值，实现“悬挂缩进”
悬挂缩进：在这种段落格式中，段落的首行文本不加改变，而除首行以外的文本缩进一定的距离。 悬挂缩进常用于项目符号和编号列表。悬挂缩进是相对于首行缩进而言的。
3、使用百分数值
4、继承
2.2 水平对齐（text-align）
常用属性值：right、center、left
强调：是元素内的文本之间的对齐，并不会将元素本身对齐
补充：
vertical-align 属性设置元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。
2.3 字间隔（word-spacing）
可以改变单词之间的标准间隔。
默认：normal（0）
为 word-spacing 设置一个正值，单词之间的间隔就会增加
为 word-spacing 设置一个负值，会把它拉近
2.4 字母间隔（letter-spacing）
与word-spacing 的区别在于，字母间隔修改的是字符或字母之间的间隔
默认：normal（0）
2.5 字符转换（text-transform）
默认：normal（对文本不做任何改动）
2.6 文本装饰（text-decoration）
- 注意：如果希望结合多种装饰，两个属性值之间用空格分开（如：text-decoration: overline underline;）
2.7 文本方向（direction）
只要属性值是interit，IE都不支持（对接下来出现的interit也一样）
3. CSS字体
定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）
3.1 字体系列（font-family）
建议在所有 font-family 规则中都提供一个通用字体系列。这样就提供了一条后路，在用户代理无法提供与规则匹配的特定字体时，就可以选择一个候选字体
3.2 字体风格（font-style）
3.3 字体粗细（font-weight）
3.4 字体变形（font-variant）——个人感觉很鸡肋
设定小型大写字母（这种字母采用不同大小的大写字母）： font-variant:small-caps;
3.5 字体大小（font-size）
4.CSS链接
链接的特殊性在于能够根据它们所处的状态来设置它们的样式
链接的四种状态：
- a:link - 普通的、未被访问的链接
- a:visited - 用户已访问的链接
- a:hover - 鼠标指针位于链接的上方
- a:active - 链接被点击的时刻
当为链接的不同状态设置样式时，请按照以下次序规则：
- a:hover 必须位于 a:link 和 a:visited 之后
- a:active 必须位于 a:hover 之后
5.CSS 列表
CSS列表属性允许你放置、改变列表标志，或者将图像作为列表项标志
5.1 列表项类型（list-style-type）
对无序列表不应用样式时，其默认是实心圆
对有序列表不应用样式时，其默认是数字
5.2 图像设置为列表项标志（list-style-image）
语法：list-style-image: url("要设置的图像");设置完后，列表项标志变成该图片
5.3 列表项标志位置（list-style-position）——不常用
6.CSS表格
CSS 表格属性可以极大地帮助改善表格的外观
7.CSS轮廓
CSS轮廓是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
CSS outline 属性规定元素轮廓的样式、颜色和宽度。
其中outline-style的属性值有：
其中outline-width的属性值有：
扫一扫
321
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
