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;
}