第一种：外部样式表（通过链接外部CSS文件做到对整个文档进行该样
式表类型的样式变换）
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
第二种：内部样式表（通过使用<style>标签定义单个文件的样式）
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
第三种：内联样式（通过在相关标签内使用具体的样式属性 可以包含
任何CSS属性 做到改变该标签属性）
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>