css样式 内联式 > 嵌入式 > 外部式

<h1>内联式 > 嵌入式 > 外部式</h1>
<p>
form表单中的label标签
label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。</p>

  <label for="male">男</label>
  <input type="radio" name="gender" id="male" />

<p>
内联式css样式，直接写在现有的HTML标签中<p>

<p style="color:red">这里文字是红色。</p>

<p>
嵌入式css样式，写在当前的文件中.嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间
</p>

<style type="text/css">
span{
color:red;
}
</style>

外部式css样式，写在单独的一个文件中
<link href="base.css" rel="stylesheet" type="text/css" />