一.CSS基础选择器
1.标签选择器
标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
语法：
标签名 {
属性1: 属性值：
属性2: 属性值;
}
示例：
p {
color: red;
}
2.类选择器
如果想要差异化选择不同的标签， 单独选一个或者某几个标签，可以使用类选择器。
语法：结构需用class属性来调用class类的意思
.类名{
属性1: 属性值;
属性2: 属性值;
}
你好明天
注：
1）类选择器使用“.”（英文点号）进行标识，后面紧跟类名（自定义）
2）长名称或词组可以使用中横线来为选择器命名（-）
3）不要使用纯数字、中文等命名，尽量使用英文字母表示
4）命名要有意义，尽量让人一眼就知道这个类名的目的
3.类选择器-多类名
可以给一个标签指定多个类名，从而达到更多的选择目的，这些类型都可以选出这个标签（即一个标签有多个名字）,不同类名之间用空格隔开
4.id选择器
id选择器只能调用一次
5.通配符选择器
语法：
* {
属性1: 属性值;
}
注：
1）在CSS中，通配符选择器使用”*“定义，它表示选取页面中的所有元素（标签）。
2）通配符不需要调用，自动就给所有的元素使用样式
3）特殊情况才使用，（以下是清除所有的元素标签的内外边距）
* {
margin: 0;
padding: 0;
}
二、CSS字体属性
1.字体系列
CSS使用font-family属性定义文本的字体系列
.text {
font-family: "宋体";
}
注：
1）各字体之间必须用英文逗号隔开
2）如果有空格隔开的多单词组成的字体，需加引号
3）尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示
4）最常见的字体：
.ziti{
font-family:"Microsoft YaHei",tahoma,arial,"Hiragino Sans GB";
}
5)多字体时，浏览器依次匹配字体，若有，则使用，反之，再匹配下一个
2.字体大小
CSS使用font-size来定义字体大小
语法：
.ziti {
font-size: 16px
}
注：
1）标题标签比较特殊，需单独指定文字大小，若用body等通用匹配符进行配置，无法生效
3.字体粗细
CSS使用font-weight定义字体粗细
语法：
.ziti {
font-weight: normal;
}
属性值：
normal：默认值，正常字体，相当于number值为400
bold：粗体，相当于number为700
bolder：IE5+ 特粗体
lighter：IE5+ 细体
number：IE5+ 100|200|300|400|500|600|700|800|900
注：
1）number数字后面不需要跟单位
2）实际开发常使用number
4.文字样式
CSS使用font-style定义文本的风格
p {
font-style: normal;
}
属性值：
normal：默认值，浏览器会显示标准的字体样式
italic：斜体显示
注：
常用来使倾斜的字体变正
5.复合属性
复合属性可以节约代码的书写，但格式顺序为固定式
p { 行高
font: font-style font-weight font-size/line-height font-family;
如：
font: italic bolder 16px/20px "宋体";
}
注：
1）使用font属性时，必须按照语法顺序书写，不能更换顺序，并且各个属性间用空格隔开
2）不需要设置的属性可以省略（默认值），但必须保留font-size和font-family属性，否则font属性将不起作用
如：font: 20px "宋体";
三、CSS文本属性
1.文本颜色
color属性定义文本的颜色
p {
color: red;
}
属性值：
预定义颜色值-red，green，blue
十六进制-#FF000
RGB代码-rgb(255,0,0)或rgb(100%,0%,0%)
2.对齐文本
text-align属性用于定义文本内容的对齐方式
p {
text-align: center;
}
属性值：
center
left
right
3.装饰文本
text-decoration属性规定添加到文本的修饰，可以给文本添加下划线、删除线、上划线等
属性值：
none：默认，没有装饰线
underline：下划线，链接a自带下划线
overline：上划线
line-through：删除线
blink：定义闪烁的文本（无法运行在 IE 和 Opera 中）。
4，文本缩进
text-indent属性用来指定文本的第一行的缩进，通常是段落的首行缩进
p {
text-indent: 10px;
text-indent: 10em; #相当于缩进10个文字
}
属性值：
数字+px：定义缩进多少个字符
数字+em：em是一个相对单位，就是当前元素（font-size）1个文字的大小，如果当前元素没有设置大小，则会按照父元素的1个文字大小
5.行间距
line-height属性用于定义行间的距离（行高），可以控制文字行与行之间的距离
四、CSS样式补充
1.透明度
opacity属性指定元素的透明度，取值范围在0.0-1.0之间，值越低，越透明。
div {
opacity: 0.3;
}
注：
1）使用opacity属性为元素添加背景透明度时，其所有子元素都继承相同的透明度，这可能会使完全透明的元素内的文本难以阅读。
2.background属性
background：可以一次性定义所有的背景属性
body {
background: #fff url("图片路径") no-repeat fixed top;
}
1)background-color：定义背景色
body {
background-color: red;
}
2)background-image：定义背景图片
body {
background-image: url("图片路径")
}
3)background-size：定义背景图片大小
属性值：
length：设置背景图像的宽度和高度（第一个参数为宽度，第二个参数为高度），若只写第一个参数，则第二个参数默认为auto
percentage：以百分比的方式设置图像的宽度和高度，若只设置一个参数，则第二个参数默认为auto
cover:把图像拓展到足够大，使图像可以完全覆盖背景区域，但背景图像的某些部分也许无法显示在背景区域内。
contain：把图像拓展至最大尺寸，使图片的宽度和高度完全适应背景区域
div {
background-size: 20px 50px;
background-size: 50px;
background-size: 50%;
background-size: cover;
background-size: contain;
}
4)background-attachment：属性设置背景图像是否固定或者随着页面的其余部分滚动。
scroll：默认值，背景图片会随着页面其余部分的滚动而滚动(图片留在原地)
fixed：当页面滚动时，背景图片不会移动
inherit：规定应该从父元素继承 background-attachment 属性的设置。
5)background-position：定义背景图片的位置
6)background-clip：定义背景的绘制区域
7)background-origin：定义背景图片的定位区域
8)background-repeat：定义背景图片是否平铺
9)inherit：定义从父元素继承background属性的设置
五、CSS的引入方式
按照CSS样式书写的位置（或者引入的方式），CSS样式表分为三大类：
1）行内样式表（行内嵌）
即将CSS代码单独写到