<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>样式学习</title>
</head>
<body>
<!--div,一个通用容器标签,不具备任何特殊功能,仅仅当作容器来使用,可以包裹任何内容,也可以容器直接互相包裹
容器本身水平居中:margin:auto;margin:表示边距,auto:表示自动-->
<div style="color: slategrey;width: 500px;margin: auto;">
<!--在给段落设置background-color时,会使一整行都变掉颜色,因为段落默认占一行
可以考虑span标签:一个容器标签,不具备任何特殊功能,仅当作容器来使用,用于包裹一段文本,便于给文本增加样式-->
<p style = "text-align: center;">
<span style="background-color: red;color: saddlebrown;font-size: 24px;">这是一个段落</span>
</p>
<p>这也是一个段落</p>
</div>
</body>
</html>