一、字体属性
①。font-family（字体样式用font-family表示）
font-family: Times,"Times New Roman", "楷体";（如果浏览器认识Times我就采用Times的字体，如果不认识Times字体，我就采用 "Times New Roman"字体，如果也不认识 "Times New Roman"字体，那我就采用"楷体"，★如果楷体也不认识，那么就用浏览器默认的字体）
②。font-size（字体大小用font-size表示）
px是物理像素
em是根据父辈来计算的，如果父辈是16px,那么em就是16px,2em就是32px.
可以看到li的父辈body是20px,那么2em就是40px.
什么情况用em?现在用em比较少，一般是在移动端的适配各种机型（兼容各种手机屏幕大小) 但是用的比较多的是 rem单位.
在移动端的适配各种机型（兼容各种手机屏幕大小) 的时候用rem单位的页面显示效果会比较好.rem是根据 根元素html 的大小来的
③。font-style（字体风格用font-style表示）
< i> < em> font-style:italic;和font-style: oblique; 都表示斜体的意思.
使用font-style:normal;可以把已经斜体的样式改成正常的字体样式
④。font-weight（字体的粗细用font-weight来表示）
使用font-weight属性设置bold 设置成为粗体字体
使用font-weight属性设置lighter 设置成为更细字体
字体属性的顺序：字体风格→字体粗细→字体大小→字体类型 font-family: 宋体; font-weight: 400; font-size: 15px; font-style: inherit;
二。文本样式
1。color 利用qq截图工具 快捷键ctrl+alt+a 用鼠标移到需要取色的位置 ctrl+c 可以取到十六进制的颜色按c键 可以取到rgb的色值 选好后 可以按左上角的Esc退出即可
2。排版文本段落
①。text-align: left（把文本排列到左边。如果不设置text-align默认值：由浏览器决定。）
②。text-align: right(把文本排列到右边）
③。text-align: center（把文本排列居中）
④。text-align: justify（实现两端对齐，只对文字有效）
⑤。text-indent（表示首行缩进）
text-indent: 100px; text-indent: 2em;
em是根据父辈字体大小决定的，2em等于父辈字体大小的两倍。
< div class="one">的父辈body字体大小是16px,那么2em就是32px，和< div class="two">一样。
⑥。line-height（设置行高 值越大 一行的间距也就越大）
line-height一般要设置的比字体的大小要大一点，不然就会挤在一起.
想把文字设置垂直居中需要把line-height设置的和高度height的值一样
