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>