CSS字体属性
font-family字体外观
多个值要用英文逗号隔开
由多个英文单词组成的值要用引号将字体名称引起来
font-family属性后面写多个属性值的意义：当浏览器打开我们的html页面时，要对页面中的字体进行识别，有些浏览器对字体的识别可能会有问题，如果有了多个字体外观，那么浏览器会挨个进行询问（识别），直到找到浏览器能够识别的字体为止
使用Unicode编码时要用引号将编码引起来
font-size字体大小
最小字体为12px
谷歌浏览器默认字体为16px，不同浏览器可能会有不同默认字体大小，所以我们一般给一个明确的字体大小
一般在body标签设置页面字体大小
font-style字体样式
normal：默认值，浏览器会显示标准的字体样式，一般用来将页面斜体改为正常显示字体
italic：浏览器会显示斜体的字体样式
font-weight字体粗细
属性值100-900
正常值400，加粗700
不加px单位
font字体复合属性
font：font-style font-weight font-size/line-height font-family；
font-size font-family红色为必写，否则font属性失效
严格按照固定的顺序书写不能更换，各个属性用空格隔开
CSS文本属性
color文本颜色
text-align文本水平对齐方式
right靠右，center居中，left靠左对齐（默认值）
text-decoration文本装饰
none默认值，没有装饰
underline下划线
line-throu删除线
overline上划线
text-indent文本缩进
固定像素单位，可以给定指定单位
相对单位，1em就是当前元素font-size的大小的一倍，如果当前元素没有设置大小，会按照父元素大小进行缩进
line-height行间距
控制文字行与行之间的间距
值可以是具体像素值，也可以写倍数（字体大小的倍数）
line-height等于当前元素高度时文本垂直居中
white-space文本边界是否换行
normal默认值，达到边界自动换行
nowrap达到边界不换行
CSS三种引入方式
内部样式表
写再页面内部，在head标签中的style标签中书写
没有实现结构样式分离
外部样式表
将CSS样式单独放在CSS文件中，在页面通过link引入CSS文件
通过引入一个CSS文件间接引入多个CSS
@import url（其他CSS文件地址）;
行内样式表
直接写在HTML元素内部，属性写再style后面
Emmett语法
这个语法可以帮助我们使用缩写来提高编写html/css的速度，VScode中已经将该语法进行了集成
直接输入标签名，按tab键直接生成完整标签
快速生成多个标签p*5
生成父子级div>p
生成兄弟级div+p
生成id属性和属性值或类和类名的标签#id .class
快速生成标签含有id属性和属性值或类和类属性值p#id，p.class
使用自增符div.demo$*5，来实现类名的区分
生成标签时写入内容div{内容}*5
使用首字母快速生成样式，比如：tac生成text-aling：center；
|
