样式一:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS外联样式一</title>
<style>
/* 对body中的所有p元素起作用 */
p {
color:blue;
font:bolder;
}
</style>
</head>
<body>
<p>这是一个段落。</p>
<p>另一个段落。</p>
</body>
</html>
样式二:
需单独创建一个.css文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS外联样式二</title>
<!-- 与单独的.css文件关联起来 -->
<link rel="stylesheet" href="04.css">
</head>
<body>
<p>这是一个段落。</p>
</body>
</html>
css文件:
p {
color: brown;
font: bolder;
}