一、学习内容：1、css的概念：是层叠样式表（cascading style sheet）的简称，css也是一种标记语言，可以给html书写出来的网页设置不同的样式。
css的语法规范：h1 { color：red;font-size:14px;}(标题是选择器，大括号里面是属性和值用英文;分开)
注意点：
1）、选择器是用于指定css样式的html标签，{}里面是对该选择器的设置的具体样式，
2）、属性值都是键值对。
3）、属性都是一些特定的样式属性，颜色 大小等。
4）、属性和属性值用英文冒号隔开。
5）、对个键值对之间用英文的分号隔开。
2、选择器
1、标签选择器（元素选择器）：
是指用html标签名字作为选择器，对页面中所有的符合条件的一类标签来指定统一的css样式。
例如：标签名{
属性值}
优点：能快速设置页面中一类标签的样式
缺点：不能差异化的设置样式
2、类选择器
差异化选择不用的标签可以使用类选择器。
语法
.格式名称来声明
.red{
属性值
}
<div class="red"><>
语法注意：
1、类选择器用英文点和大括号属性键值对来定义，在标签中用class属性调用
2、长类名可以用-来进行链接
3、不要使用纯数字和中文，要是用英文字母。
4、命名要有意义 尽量使得别人一眼就可以知道这个类名的目的
多类名的使用：
1、在标签class属性中写多个类名乐意进行多类名调用。
2、多个类之间用空格隔开
3、调用完成后就会显示被调用类所声明的所有样式
id选择器
定义：id代表唯一的标识，所以id选择器主要是为了唯一的id的html元素来指定特定的样式
id选择器用#来定义，用id来调用
#id{
属性值} 元素用id来调用
id选择与类选择的区别
1）、类选择器好比人名，一个人可以有多个名字，一个名字多个人使用。
2）、id选择器相当于人的身份证号码，全国唯一，不得重复
3）、id选择在一个网页中只能使用一次，类选择器可以使用多次。
4）、类选择器在修改样式中使用的最多，id选择器一般用在页面的唯一性元素上，经常搭配js使用
通配符选择器：
在css中的通配符选择器用*来定义，表示选择页面中所有的元素
用*{属性值}声明，不需要进行调用
通配符选择器不需要调用，可以给所有的元素设置样式
3、css的字体属性：网页字体默认样式是微软雅黑
font-family：设置字体格式（arial 宋体 helevetica 西文字体 sans-serif 黑体，连着写的目的是为了照顾兼容性，如果有第一个就直接使用，没有就使用第二个，以此类推）
多字体使用的使用，必须用英文的逗号隔开。
一般强狂下，使用系统默认的字体，保证可以再任何浏览器中打开
字体命中如果有空格，必须用“”将字体名称引起来
可以使用unicode编码来确定字体
在css的字体设置中，如果要避免乱码的情况出现，可以使用unicode赖金生字体声明
常用的unicode
font-size 字体的大小
设置字体的时候采用的单位是px
google的默认是字体大小是16px
可以给body标签中指定文字的大小样式，来改变整个页面文字的大小
不同的浏览器可能默认显示的字体大小不一样，我们尽量设置一个明确的，不要使用默认大小
font-style：字体的样式 倾斜italic
常用的属性值都normal 正常的 浏览器会显示标准的字体样式
itclic 将集体调整为斜体
注意：平时很少给文字添加斜体样式，更多的是将斜体标签改为不倾斜字体
font-weight设置字体的粗细
css使用font-weight来设置文本的粗细，
常用数值400正常字体粗细700代表加粗
数值后面没有单位
字体的符合属性：
字体符合属性可以把以上的样式综合书写，这样可以是的代码精简，开发中常用的方式
注意点：
1）、使用font必须按照严格的语法格式中属性值的顺序来书写，不可以随便变化顺序，各属性之间用空格隔开。
2）、可以省略的属性值有 font-style font-weight 不可省略的属性font-size/line-height 、 font-family
3）、light是为了设置行高
可以用具体像素值来设置，也可以用倍数设置
4、css的文本属性：
文本颜色：color
可以使用16进制、RGB、英文单词来表示颜色，开发中铜产能够用16进制
文本对齐：
text-align：center、reight、left 对齐方式
文本装饰：
text-decoration来设置文本的装饰，运用最多的是line-through删除线
none没有装饰，超链接来取消下划线 underline 下划线 overline 上划线
none主要是用在给a标签来取消下划线
line-through 价格删除线样式
文本缩进：
text-indent属性来对指定的文本第一行进行缩进。
可以使用具体的像素值
也可以使用em单位来进行缩进，em是相对单位，是单签元素的是一个文字的大小，所以想要缩进两个文字单位时 text-indent：2em；
|
