CSS是样式层叠表，有三种引入方式。下面，我们来看看HTML样式CSS的三种写法吧。
01行内样式
CSS可以直接放到行内样式中引入即可，比如代码如下图：
<p style="color: bluebackground: red">
hello world！
</p>
02嵌入式
还可以采用潜入方式引入CSS，就是把CSS写到<style>标签中，这种方式比较实用，如下图所示：
<style type="text/css">
h1 {color: red}
</style>
<h1>hello world</h1>
03外部样式表
还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。
@import url(main.css)
创建一个文本文档，输入以下内容：<!DOCTYPE html>
<html>
<head>
<style>
p {
background-color: lightblue
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>p标签拥有浅蓝色背景色！</p>
</body>
</html>
然后保存文件，将后缀名修改为.HTML，然后用浏览器打开，一个简单的网页就出现了。
