图像 文本 列表 字体使用

十二月九日
一.文本
1.文本 字体 图像 列表
2. 文本对齐 justify 拉伸每一行 使每一行具有相等宽度 并且左右边距是直的（就像在杂志和报纸中）
3.垂直对齐 vertical-align 设置元素垂直对齐方式
4.文本装饰 text-decoration设置或删除文本装饰   text-decoration:none;删除下划线
underline加上下划线   overline上划线 line-through线在字体中间
5.文本缩进 text-indent指定文本第一行缩进
6.字符间距 letter-spacing 指定文本中字符之间距离
7.文本阴影 text-shadow 文本添加阴影 （水平 垂直 模糊效果 颜色）
二.字体
1.font-family字体属性 选择字体
2 字体样式.font-style指定斜体文本  normal正常显示   italic-斜体显示
3.字体粗细.font-weight字体粗细 bold字体加粗 
4.字体大小.font-size文本字体大小
绝对尺寸 设置指定大小 不许在浏览器设置中更改（可访问性不佳）
相对尺寸 设置相对于周围元素大小 允许浏览器修改 1：16
5.em设置字体大小 使用百分比与em组合
响应式字体大小 使用vm单位设置文本大小 （视口宽度）1vw=视口宽度1% 

三.背景图像 
background-image指定元素背景图像
background-repeat 属性设置是否及如何重复背景图像。

默认地，背景图像在水平和垂直方向上重复。

图像精灵 单个图像包含图像集合 包含许多图像网页可能需要很长时间记载

no-repeat不能重复  后面x轴 y轴
padding内边距

四.列表
4.1 HTML 列表和 CSS 列表属性
在 HTML 中，列表主要有两种类型：

- 无序列表（ul）- 列表项用的是项目符号标记
- 有序列表（ol）- 列表项用的是数字或字母标记

4.2 不同的列表项目标记

`list-style-type` 属性指定列表项标记的类型。

下例显示了一些可用的列表项标

4.3 图像作为列表项标记

`list-style-image` 属性将图像指定为列表项标记：

4.4 删除默认设置

`list-style-type:none` 属性也可以用于删除标记/项目符号。

4.5 设置列表的颜色样式

我们还可以使用颜色设置列表样式，使它们看起来更有趣。

添加到ol; 或ul; 标记的任何样式都会影响整个列表，而添加到li; 标记的属性将影响各个列表项