font字体
1.font-size(字号)
font-size:18px;
谷歌默认字体大小是16px，最小12px
2.font-family(字体)
font-family: 'Courier New', Courier;
可以设置多种字体，中间用逗号分开，如果不支持第一种字体，会自动尝试下一个，直到默认字体。
同时有中文字体和英文字体，英文字体要在前面，中文字体一般需要加引号，英文不用加
3.font-weight(字体粗细)
font-weight: 500;
属性：
lighter（更细的，100）
normal(默认的，400)
bold（加粗，700）
4.font-style(字体样式)
font-style: italic;
属性：
normal（默认，不倾斜）
italic（倾斜）
css外观
1.color颜色（都是由三原色 红，绿，蓝组成）
1.预定义颜色
red,green,blue,pink等147种定义颜色
color: red;
2.RGB（red，green，blue）
由三原色组成的各种颜色，在0-255之间，数值越大，颜色越深，同样也可以用百分比表示。
color: rgb(255, 0, 0);（红色）
color: rgb(100%, 100%, 100%);（白色）
color: rgb(0%, 0%, 0%);（黑色）
3.十六进制
由0-F组成（16个），用#加六个16位数组成颜色，两位一组，分别对应红绿蓝
越接近F，颜色越深，与RGB对应
color: #ff0000;（红色）可以简写为#f00（即每组两位都相同可以省略一位）
color: #00ff00;（绿色）
color: #0000ff;（蓝色）（其他颜色，自行探索）
4.RGBA
在RGB基础上，增加了透明度，在rgb后面加上0-1的值，代表了透明度
color: rgb(155, 117, 117,0.8);
2.文本水平对齐方式（text-align）
text-align: center;（对文字进行操作）
属性：
left（左）
right(右)
center（居中）
对盒子中的内容操作，而不是对盒子进行操作
盒子居中（margin: auto;）
3.行间距（行高）（line-height）
line-height: 24px;
就是把字想成用一个盒子包起来，他的顶部到底部的距离。
所以当行高和盒子的高度一样时，文字就能垂直居中了（常用）
如果行高比字的大小大一点，行与行之间就会有间距，在谷歌浏览器中，默认字体大小是16px
4.首行缩进（text-indent）
text-indent: 2em; （1em就是一个字的宽度，如果是汉字段落，就是一个汉字）
5.文本的修饰（text-decoration）（下划线）
text-decoration: underline;
通常用于修改链接的装饰效果
属性：
none：取消下划线（默认）
underline:加下划线
overline：加上划线
line-through：穿过文本的一条线
6.文本换行 (white-space)
white-space:
normal(默认，空格忽略)
pre(空格会被浏览器保留)
nowrap(文本不会换行，直到遇到br)
text-overflow: ellipsis(溢出显示省略号)
7.代码
body中：
<div class="A">
臣本布衣，躬耕于南阳
</div>
style中：
.A{
margin: auto;
text-align: center;
line-height: 100px;
width: 500px;
height: 100px;
color: #f55;
background-color: rgb(14, 234, 234,.2);
}
