这是我参与「第四届青训营 」笔记创作活动的第4天
介绍
文字是我们前端必须掌握的知识点，它涉及最基本的排版问题，请大家认真做笔记
属性
- color
- text-decoration
- font-family
- font-size
- font-style
- font-weight
- font-transform
- text-shadow
- text-align
- line-height
- letter-spacing
- word-spacing
color
基础的调控文字颜色的手段
text-decoration
文字下划线，不过大家都不是很喜欢她，一般在最基础的base文件就将其去掉，但是在标题时有鼠标掠过时就可以添加，会好看很多
font-family
字体种类
浏览器提供了五个基本的字体种类，serif,sans-serif,monospace,cursive,fantasy
不过我最喜欢的是sans-serif,这个好看
另外css提供了字体栈，也就是可以往font-family里添加很多个字体种类，如果前面一个字体种类浏览器不支持或没找到，就会往下一个样式去寻找
font-size
字体大小
使用rem,em,px为常用单位，其他的其实很多，有几十种，
小知识:浏览器的默认字体是16px
font-style
此样式主要用来改变字体的格式，改为斜线。用得很少
值有normal,italic，oblique。
italic和oblique都可以用来斜线，区别在于后者是备胎，是用来模拟的
font-weight
字体粗细
- normal正常
- bold变粗
- lighter变细
可以使用数字表示粗细，一般都用800表示粗
font-transform
针对的是英语单词
- uppercase字母全变大写
- lowercase字体全变小写
- capitalize让所有的词语首字母变大写
- none不允许换
text-shadow
字体阴影，格式跟border相似，
xxpx xxpx xxpx xxpx rgb( )
text-align
字体对齐方式，left right center justify
其中重点提到justify，在某些场景下使用非常方便，原理是每个词语宽度相等，但里面的字母会进行自动的分配距离
很有意思的是，这个对齐方式不需要放在同一元素内部，同级关系就行了，原理暂时不明
line-height
行高，很常用的属性，一般都用来配合text-align进行居中
letter-spacing
控制字母间和文字间的间距
额外提示，可以使用倍数，是行高相对字体的高度（font-size)来体现的
word-spacing
控制词语间的间距，
