html 文本常用样式
设置样式，通过标签的style属性；
运用到style属性，就属于CSS样式技术内容；
HTML标签与CSS样式通常都是结合使用。
1 style属性语法
<标签 style="属性1:值1;属性2:值2…属性n:值n">内容</标签>
style本身是标签的属性，必须放在标签的开始标记；
1个标签只能设置1个style属性；
style属性内部可以包含多个属性值，属性与值用冒号隔开，多个属性之间用分号隔开，整个以双引号包围。
2 示例
内部单个属性
<p style="font-size:20px; ">关关教程 tuto.dushare.cn</p>
内部多个属性
<p style="font-size:20px;color:#FF0000;font-style:italic">
关关教程 tuto.dushare.cn
</p>
3 大家来找茬
错误示例1：
<p><style "font-size=20px">
错误示例2：
<p style="font-size=20px color=#FF00000">关关教程 tuto.dushare.cn</p>
答案
错误示例1：style不是标签。
错误示例2：style内部属性不是=号，多个属性之间也不是空隔。
4 文本常用style属性
字体类：字体名称、字体大小、字体颜色；
修饰类：文本加粗、斜体、下划线。
| style属性名称 | 说明 |
|---|---|
| font-family | 字体名称。常用值：宋体、微软雅黑（或Microsoft YaHei）。 |
| font-size | 字体大小。常用单位px。默认值14px。 |
| color | 字体颜色。常用值：6位或者3位RGB值。#FF0000红色，#00FF00 绿色，#0000FF 蓝色。 |
| font-weight | 字体重量。100、200、…、700、800共8个值。400为正常，值越大越加粗。 |
| font-style | 字体样式。italic 表示斜体。 |
| text-decoration | 字体修饰。underline 表示下划线。 |
| background-color | 背景色。 |
5 示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html 文本样式 例子 | 关关教程</title>
</head>
<body>
<p >关关教程 tuto.dushare.cn</p>
<p style="font-family:宋体;">关关教程 tuto.dushare.cn</p>
<p style="font-size: 24px;">关关教程 tuto.dushare.cn</p>
<p style="color: #0000FF;">关关教程 tuto.dushare.cn</p>
<p style="font-style:italic;">关关教程 tuto.dushare.cn</p>
<p style="text-decoration:underline; ">关关教程 tuto.dushare.cn</p>
<p style="background-color: #0f0; ">关关教程 tuto.dushare.cn</p>
<p style="font-size: 24px;color: #0000FF;font-style:italic;text-decoration:underline; ">关关教程 tuto.dushare.cn</p>
</body>
</html>
运行效果
