使用链接外部样式文件方式：定义一个独立的css文件，添加样式，注意不要在写style
在需要的html中链接指定css文件，在head标签中加入link标签
属性：href：链接css文件路径，type：文件类型，rel：和当前文件的关系
需独立创建一个css文件
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>使用链接外部样式文件方式</title>
<!--使用链接外部样式文件方式：定义一个独立的css文件，添加样式，注意不要在写style
在需要的html中链接指定css文件，在head标签中加入link标签
属性：href：链接css文件路径，type：文件类型，rel：和当前文件的关系-->
<link href="Style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<p>功夫瑜伽一</p>
<p>功夫瑜伽二</p>
<p>功夫瑜伽三</p>
<div>成龙</div>
<br>
<div>高圆圆</div>
</body>
</html>
css代码
p{ font-family: "黑体"; font-size: 20; color: blueviolet; text-align: center; /*居中显示*/ } div{ color: blue; text-decoration: underline; /*下划线*/ }
原文：http://www.cnblogs.com/john568300/p/6396655.html