<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>样式</title>
</head>
<body style="background-color:powderblue;">
<h1 align="center">样式</h1>
<!--标题居中排列- <p style="font-family:verdana;color:red">verdana是字体</p>
<p style="font-family:times;color:red">times是字体</p>
<p style="font-size:30px">size是字体大小</p>
<p style="font-family:times;color:red"><b>粗体</b>字体</p>
<p style="font-family:times;color:red"><big>大号字</big>字体</p>
<p style="font-family:times;color:red"><em>着重文字</em>字体</p>
<p style="font-family:times;color:red"><i>斜体</i>字体</p>
<p style="font-family:times;color:red"><small>小号字</small>字体</p>
<p style="font-family:times;color:red"><strong>加重语气</strong>字体</p>
<p style="font-family:times;color:red"><sub>定义下标字</sub>字体</p>
<p style="font-family:times;color:red"><sup>定义上标字</sup>字体</p>
<p style="font-family:times;color:red"><ins>定义插入字</ins>字体</p>
<p style="font-family:times;color:red"><del>删除字</del>字体</p>
</body>
</html>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/13fd005842574655a85ff5c0815acef3.png#pic_center)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d6b1f55507b198de62ac4df220b4a302.png#pic_center)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>样式</title>
<style type="text/css">
p{color: #ff7575}
h1{color: red}
</style>
</head>
<body>
<p>111
</p>
<h1>
222
</h1>
</body>
</html>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/013ca57da2b1c86e4458feb323ef7c41.png#pic_center)