<html>
<head>
<style type="text/css"> 定义样式
h1 {color: red} 标题字体颜色
p {color: blue} 文章字体颜色
</style>
</head>
<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
<head>
<style type="text/css"> 定义样式
h1 {color: red} 标题字体颜色
p {color: blue} 文章字体颜色
</style>
</head>
<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
</html>
结果
header 1
A paragraph.
将 <link> 标签链接到一个外部样式表。
<html>
<head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>
<body>
<h1>我通过外部样式表进行格式化。</h1>
<p>我也一样！</p>
</body>
</html>
结果显示
我通过外部样式表进行格式化。
我也一样！