以下代码为CSS内部样式的运用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS内部样式</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>我们都是中国人</p>
</body>
</html>以上代码执行结果截图：
以下代码为CSS内联样式的运用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css内联样式运用</title> </head> <body> <p style="color: blue">作为中国人，我很骄傲！</p> </body> </html>
以上代码执行结果截图：
总结：内联样式的优先级高于内部样式
以下代码为独立样式表的运用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="static/css/style1.css"> <title>外部CSS的导入使用</title> </head> <body> <p>我爱你中国</p> <p>中国万岁</p> <p>我是一个中国人</p> </body> </html>
p {color: red;
}以上代码执行结果截图如下
