代码架构：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> //浏览器识别编码的字体，以防出现乱码
<title>在线演示 DIVCSS5</title> //标题
</head>
<body>
<font size="2">在线演示测试<font size="4">文字</font>，
欢迎访问DIVCSS5学习网站！</font>
</body>
</html>
设置字体居中大小和字体类型
font size 用于设定字体大小
color=" " 设置字体颜色
<div style="font:12px bolder '微软雅黑'; text-align:center;">
</div>
font family 设置字体类型
style="" 设置背景颜色为红色
文本样式的常用属性
text-align 设置文本的水平对齐方式
line-height 设置行高
text-decoration 设置文本修饰效果
text-indent 设置段落的首行缩进
word-wrap 设置文本换行
color 设置文本颜色
background-color 设置文本的背景颜色
字体颜色与表格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>font字体颜色在线实例 DIVCSS5</title>
</head>
<body>
<font color="#FF0000">我是红色字体</font>
<table width="300" border="1">
<tr>
<td><font color="#0000FF">你好</font></td>
<td>DIVCSS5</td>
</tr>
</table>
</body>
</html>
table 表格标签，设置表格宽度
tr 把每个元素按行分隔开
td 把同一行的元素分隔，固定格式放在“tr”后