css的样式表分为3类
内联式，内部式、外部式
内联式就是写在标签的style属性里面
内部式就是style标签，写在head里面的
外部式就是link标签引用一个css文件
实例
<!DOCTYPE html>
<html lang="cn_ZH">
<head>
<meta charset="UTF-8">
<title>演示css中的内联样式,内部样式,外部样式的应用场景,理解style属性, style标签, 以及外部样式表的使用方式</title>
<!-- 这是style标签-->
<style>
p{color:red}
.yellow{color:yellow}
#pink{color:pink}
</style>
</head>
<body>
<!--这是style属性-->
<p style="color:blue">我是第一行,猜猜我是什么颜色</p>
<p class="yellow">我是第二行,猜猜我是什么颜色</p>
<p id="pink">我是第三行,猜猜我是什么颜色</p>
<p>我是第四行,猜猜我是什么颜色</p>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例