![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：总结的不错, 其实还有更多的小技巧的
Collection
Collection
CSS的引入 可以通过3种方式：内部样式 内联样式 外部引入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS的引入</title>
<style>
/*内部样式*/
p{
color: green;
}
</style>
</head>
<body>
<p>css的简介和引入2222</p>
<p>内联样式 大于 内部样式</p>
</body>
</html><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS的引入</title> </head> <body> <p style="color: red">css的简介和引入2222</p> <p style="color: green">内联样式 大于 内部样式</p> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS的引入</title> <link rel="stylesheet" href="static/css/1.css"> </head> <body> <p style="color: red">css的简介和引入2222</p> <p style="color: green">内联样式 大于 内部样式</p> <p>1111111111111111</p> </body> </html>
点击 "运行实例" 按钮查看在线实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS的引入</title> <link rel="stylesheet" href="static/css/1.css"> </head> <body> <p style="color: red">css的简介和引入2222</p> <p style="color: green">内联样式 大于 内部样式</p> <p>1111111111111111</p> </body> </html>
.css文件规则
（选择器）p{
color: aqua;
font-size: 18px;
}