如何定义？
在html文档的head中添加style标签，样式定义其中。样式分选择器和样式规则两个部分；
使用link标签导入外部的CSS：
herf:代表文件地址
rel：导入的资源和当前文件的关系，stylesheet-样式表
tupe：导入的资源类型
herf:代表文件地址
rel：导入的资源和当前文件的关系，stylesheet-样式表
tupe：导入的资源类型
选择器：
1、标签选择器：作用范围，当前页面中所有的该类型的标签
2、类选择器：
a、定义，使用点操作符进行定义，类名在点后，没有空格，如“.bule”
b、应用，为应用该类样式的标签中添加class属性，值为该类，注意类名没有点。 如class=“bule”
3、ID选择器：ID值唯一，人为控制
a、定义，使用#+元素的ID值，注意#和ID值之间没有空格
选择器优先级：
1、标签选择器：作用范围，当前页面中所有的该类型的标签
2、类选择器：
a、定义，使用点操作符进行定义，类名在点后，没有空格，如“.bule”
b、应用，为应用该类样式的标签中添加class属性，值为该类，注意类名没有点。 如class=“bule”
3、ID选择器：ID值唯一，人为控制
a、定义，使用#+元素的ID值，注意#和ID值之间没有空格
选择器优先级：
ID选择器 > 类选择器 > 标签选择器
4、后代选择器
a、定义：在父标签中加入子标签。
b、应用: 表示在父标签中的所有子标签都应用该样式。
例如：li a{ ****}
li:hover a{
color: #FFA500;
}
字体：
font-size：大小，单位px，还有其他如em、rem、%
font-weight:粗体，100-900，bold，bolder，lighter
font-style：是否斜体
font-family：字体库
coloer：颜色
opacity：透明度，0-1
文本：
line-height：行高，用于设置文字在容器中垂直居中，值为容器的高度值
text-align: 设置文字在容器中水平对齐方式，left/center/right
overflow：溢出，用于设置当内容大于容器时，如何显示
white-space：nowrap 当文本大于容器时，设置不换行
text-decoration：none 去掉超链接中下划线
text-indent:缩进
font-size：大小，单位px，还有其他如em、rem、%
font-weight:粗体，100-900，bold，bolder，lighter
font-style：是否斜体
font-family：字体库
coloer：颜色
opacity：透明度，0-1
文本：
line-height：行高，用于设置文字在容器中垂直居中，值为容器的高度值
text-align: 设置文字在容器中水平对齐方式，left/center/right
overflow：溢出，用于设置当内容大于容器时，如何显示
white-space：nowrap 当文本大于容器时，设置不换行
text-decoration：none 去掉超链接中下划线
text-indent:缩进
letter-spacing:字符间距
背景属性：
background-color:背景色
background-image: url("../imgage/dn.jpg");背景图片，优先级高于背景色
background-repeat:no-repeat;当容器大于背景图片时，背景图片的重复方式默认为X，Y都平铺
background-position:背景图片的位置，默认起始点为容器的左上角，即（0,0）点。
坐标系说明：容器的左上角为原点（0，0）
水平向右为x的正轴，向左为X的负轴
垂直向下为Y的正轴，向上位Y的负轴
主要利用背景偏移进行截图展示，CSS Spritrs
background-color:背景色
background-image: url("../imgage/dn.jpg");背景图片，优先级高于背景色
background-repeat:no-repeat;当容器大于背景图片时，背景图片的重复方式默认为X，Y都平铺
background-position:背景图片的位置，默认起始点为容器的左上角，即（0,0）点。
坐标系说明：容器的左上角为原点（0，0）
水平向右为x的正轴，向左为X的负轴
垂直向下为Y的正轴，向上位Y的负轴
主要利用背景偏移进行截图展示，CSS Spritrs
要点：
1、容器的大小，要正好能够容纳要展示的图片
2、正确计算偏移量，偏移量为坐标（x，y）
3、提取重复的CSS，单独成为一个类样式，然后针对每个图标编写对应的背景偏移CSS类
2、正确计算偏移量，偏移量为坐标（x，y）
3、提取重复的CSS，单独成为一个类样式，然后针对每个图标编写对应的背景偏移CSS类
4、在对应的容器内使用公共的类和专有的类 比如：class=“bg icon1”
列表样式：
list-style：设置列表的样式，最常见的值是none,即取消列表的符号或序号，该属性可应用到ul/ol/li上，建议使用在ul/ol上。
选择奇数或偶数的标签进行操作
li:nth-child(2n-1)
{
color: red;
}
超链接的4种状态：
a:link：未访问的状态；
a:visited：已访问的状态；
a:hover：鼠标悬浮状态；
a:active：激活状态；
注意书写顺序：link -- visited -- hover -- active
a:link：未访问的状态；
a:visited：已访问的状态；
a:hover：鼠标悬浮状态；
a:active：激活状态；
注意书写顺序：link -- visited -- hover -- active
其他元素可以使用的状态为： hover active
