<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
div{
width: 300px;
height: 200px;
border: 2px solid red;
/*设置字体：px像素单位，浏览器默认16px */
font-size: 30px;
/*设置行高,行高如果等于盒子内容高度，则单行文本垂直居中
多行文本居中，就用padding将文本内容挤到中间，padding=（div盒子高度-行数*行高）/2
还有几种方法，参考连接。
*/
line-height: 300px;
/*Microsoft Yahei 可以识别中英文 微软雅黑只能识别中文 写这么多意思是依次查找，都没有去显示宋体*/
font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif;
/*上面写法等价于:*/
/*font:30px/300px "Microsoft Yahei", "微软雅黑", "Arial", sans-serif;*/
/*设置颜色*/
color:red;
/*设置缩进 单位：em为准*/
text-indent: 2em;
/*设置粗细：默认normal，lightet normal bold bolder 依次加粗
默认400数值，100-900之间*/
font-weight: 900;
/*文字装饰：none默认，underline(下划线) overline(上划线)
line-through（穿越线）inherit（继承父元素的text-decoration属性的值）
一般用于清除a链接的下划线样式*/
text-decoration:underline blue;
/*设置对齐：left,right.center,justify(两端对齐)*/
text-align:center;
/*设置游标显示手形*/
cursor: pointer;
}
</style>
</head>
<body>
<!--
使用font-family注意几点：
1.网页中不是所有字体都能用，
比如你设置： font-family: "华文彩云"; 如果用户电脑里面没有这个字体，
那么就会变成宋体
页面中，中文我们只使用： 微软雅黑、宋体、黑体。
如果页面中，需要其他的字体，那么需要切图。 英语：Arial 、 Times New Roman
2.为了防止用户电脑里面，没有微软雅黑这个字体。
就要用英语的逗号，隔开备选字体，就是说如果用户电脑里面，
没有安装微软雅黑字体，那么就是宋体：
font-family: "微软雅黑","宋体"; 备选字体可以有无数个，用逗号隔开。
3.我们要将英语字体，放在最前面，这样所有的中文，就不能匹配英语字体，
就自动的变为后面的中文字体：
font-family: "Times New Roman","微软雅黑","宋体";
4.所有的中文字体，都有英语别名，
我们也要知道： 微软雅黑的英语别名：
font-family: "Microsoft YaHei";
宋体的英语别名： font-family: "SimSun";
font属性能够将font-size、line-height、font-family合三为一： font:12px/30px "Times New Roman","Microsoft YaHei","SimSun";
5.行高可以用百分比，表示字号的百分之多少。
一般来说，都是大于100%的，因为行高一定要大于字号。
font:12px/200% “宋体” 等价于 font:12px/24px “宋体”;
反过来，比如： font:16px/48px “宋体”;
等价于 font:16px/300% “宋体”
-->
<div>内容内容内容</div>
</body>
</html>
多行文本垂直居中：参考
https://blog.csdn.net/u014607184/article/details/51820508
https://blog.csdn.net/maomaolaoshi/article/details/77949617
https://www.zhangxinxu.com/wordpress/2010/05/我对css-vertical-align的一些理解与认识（一）/