收藏
批改状态：合格
老师批语：总结的不错, 其实还有更多的小技巧的
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;
}
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
