<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="atom®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link href="style.css" rel="stylesheet" type="text/css">
<!--第一种使用CSS方法，外部样式表，前提是在同一目录下-->
<title>CSS语法练习2018年3月25日</title>
<style type="text/css">
body {background-color:blue;}
h1.new {color:green;}
p.news {color:white;}
#p1 {color:yellow;}
</style><!--第二种使用css方法，利用内部样式表style标签-->
</head>
<body>
<h1>新闻1</h1>
<p>新闻2</p>
<p id="p1">另一个段落</p>
<p style="color:red">这是第三种应用CSS样式的方法</p><!--这是第三种应用CSS样式方法，即行内样式表-->
</body>
</html>
