今日学习：css字体属性字体外观：
css使用font-famil属性来定义文本的字体外观
注意点：
1.各字体之间用英文逗号隔开
2.如果字体是多个英文单词构成，那么就要用引号将字体引起来
3.尽量使用系统默认字体
font-family属性中写多个属性值的意义：
打开html页面时间，要对页面字体进行识别，当第一个识别不了时，会依次往后进行识别，直到识别成功。成功一个后，后面的忽略不计。
Microsoft YaHei：微软雅黑
Arial：宋体
Helvetica：西文字体
sans-serif：黑体
css里的Unicode字体
在css设置字体时，直接写中文是可以的，但在文件编码不匹配时（GB2312、utf-8）会产生乱码情况，在css中直接使用Unicode编码来表示字体可避免问题，（用引号引起来）
字体大小：
css使用font-size控制字体大小
注意点：
使用px（像素单位）来控制字体大小
谷歌默认大小为16px，最小12px
不同浏览器默认大小可能不同，所有设置一个明确的大小值，不用默认
一般情况下我们会在body标签中去设置整个页面字体大小
文字样式：
使用font-style来设置文本风格
属性值：
normal（默认值，浏览器会显示标准样式）
italic（浏览器会显示斜体式）
注意点：
italic通常用的很少，大部分会使用normal给i倾斜标签（em、i）改为正常字体
字体粗细
用font-weight设置文本粗细
一般只用400（正常）和700（加粗）
字体的复合睡醒
字体属性可以把上述的字体样式综合书写，可以节约代码
注意点：
使用font属性时间，不可以省略size和family，否则失效
style和weight可以省略，不写时，会选择默认值
使用font属性时，要严格按照固定顺序，各个属性要用空格隔开
font：font-style font-weight font-size/line-height font-family
CSS的文本属性
文本颜色
css使用color来设置文本颜色
属性值：
预定义的英文字母来设置：red、blue
十六进制：#F0000等等(主流，首推）
RGB：rgb（255，255，0）
文本对齐：
text-align属性来设置文本的水平对齐方式
属性值：
right
center
left（默认）
文本的装饰
text-decoration属性来进行文本的装饰
属性值：
none：默认值，没有装饰（常用，给a标签去掉下划线）
underline：下划线，a标签默认带下划线
overline：上划线，基本不用
line-through：删除线
文本的缩进
text-indent属性来设置文本缩进，通常在文本段落首行使用
属性值：
固定像素单位，可以给指定的单位，但是不灵活，数值一般为正值
相对单位：1em 就是当前元素（font-size）的大小的1倍，如果当前元素没有设置大小，会按照父元素文字的大小进行
行间距
line-height来设置行间的距离（行高），可以控制文字行之间的距离，值可以写具体的像素值，也可以写倍数（经常在body中设置）
font：40px/1.5
将行高设置为和当前元素高度一致时，可实现文本垂直居中
控制文本换行
属性是white-space
属性值：
normal：默认值，换行
nowrap：不换行
CSS的引入方式
1.行内样式表
直接在元素内部写style属性，将要设定的属性写在style=后面
注意点：在style=“”中书写样式时要符合css语法规范
开发中不常用，多数情况用外部
2.内部样式表
写到html页面内部，在<head></head>标签中书写
注意点：
通过这种方式虽然可以实现控制页面中结构的样式，但是没有完全实现结构和样式的分离
练习时可以采用
3.外部样式表
是实际开发中最常用的，核心是将css代码单独放入css文件中，再将文件引入html文件中进行使用
步骤：
1)先创建一个css文件，在文件内写入代码
2）在HTML页面使用<link>标签引入这个文件即可
通过引入一个css文件来简介的引入多个css文件
在**.css中
@import url(./1.css)
@import url(./2.css)
Emmet语法
这个语法可以帮助我们使用缩写来提高html/css的速度，vscode中已经将改语法进行了集成
具体语法使用如下：
1.直接输入标签名 再按tab键可以直接生成完整标签
2.快速生成多个标签 div*5
3.生成父子级的标签 div>p
4.生成兄弟级的标签 div+p
5.快速生成带有id属性和属性值或带class属性的标签 #first .last
p.类名
6.使用自增符号$来实现，来实现类名区分 div.deom$*5
7.生成标签时，可直接生成内容 div{内容}
8.使用tac来生成text-algin：center
|
