第一种：
行内式，在html标记的style属性中设置CSS样式
<HTML>
<head>
<title>CSS的行内式引入方式</title>
<meta charset = "utf-8">
</head>
<body>
<p style = "color:green">hello world!</p>
</body>
</HTML>第二种：
嵌入式，将CSS样式的代码写在html代码的<head>标签中的<style>标签中
<html>
<head>
<title>CSS的嵌入式引入方式</title>
<meta charset = "utf-8">
<style type = "text/css">
p{
color:gray;
}
</style>
</head>
<body>
<p>hello world!</p>
</body>
</html>第三种：
导入式，CSS文档与HTML文档分开，在HTML文档中用import语句导入。
1.css:
p{
color:red;
}
<html>
<head>
<title>CSS的导入式引入方式</title>
<meta charset = "utf-8">
<style type = "text/css">
@import "1.css"
</style>
</head>
<body>
<p>hello world!</p>
</body>
</html>第四种：
链接式，CSS文档与HTML文档分开，在HTML文档中用link语句链接。
1.css:
p{
color:red;
}
<html>
<head>
<title>CSS的链接式引入方式</title>
<meta charset = "utf-8">
<link href = "1.css" rel = "stylesheet" type = "text/css">
</head>
<body>
<p>hello world!</p>
</body>
</html>