1. 行内样式
<标签名 style="属性:属性值;属性:属性值;">
2. 案例说明
<h2 style="color:blue;">CSS行内样式</h2>
<h2 style="color:red;font-size:30px">CSS行内样式</h2>
3. 内部样式
<!DOCTYPE html>
<html>
<head>
<title>CSS内部样式</title>
<meta charset="utf-8">
<style type="text/css">
h2{
color: red;
font-size: 30px;
}
</style>
</head>
<body>
<h2>CSS内部样式</h2>
<h2>CSS内部样式</h2>
</body>
</html>
4. 外部样式
# html文件
<!DOCTYPE html>
<html>
<head>
<title>CSS外部样式</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<h2>CSS外部样式</h2>
<h2>CSS外部样式</h2>
</body>
</html>
# css.css文件
h2{
font-size:30px;
color:red;
}
本文介绍了CSS样式的三种应用方式：行内样式、内部样式及外部样式。通过具体实例展示了如何在HTML文档中使用这些样式来改变元素的外观，如字体颜色和大小。
扫一扫
404
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
