1.内部样式
在head的style里面定义如
<style>
p1{
color: brown;
}
</style>2.内联样式
直接在标签的里面定义如
<p2 style="color: blue;">这是用了内联样式，蓝色</p2><br>3.外部样式表
在css文件夹里面构建一个css文件，里面写有个标签的样式代码如
p3{
color: chartreuse;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./CSS/color.css">
<style>
p1{
color: brown;
}
</style>
</head>
<body>
<p1>这是用了内部样式，红色</p1><br>
<p2 style="color: blue;">这是用了内联样式，蓝色</p2><br>
<p3>这是用了内联样式，绿色</p3>
</body>
</html>效果
