<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!--第三种方式：链接方式，低耦合，使用最多-->
<link href="demo.css" type="text/css" rel="stylesheet"/>
<!-- 第二种方式 内嵌样式
<style type="text/css">
p{
color:#F00;
}
</style>
-->
</head>
<body>
<!-- 第一种方式：行内样式
<p style="color: #F00;">你好</p>
-->
<P>你好ma</P>
</body>
</html>
demo.css
p{
color:#F00;
}