<head>
<meta charset="UTF-8">
<title>Title</title>
这是第一种方法在head里使用style标签进行css设计 <!--<style> <!–style 第一种方法：标签必须放在head里–>-->
<!--/*p{*/-->
<!--/*color: red;*/-->
<!--/*font-size: 40px;*/-->
<!--/*}*/-->
<!--/*a{*/-->
<!--/*text-decoration: none;<!–去掉下划线 –>*/-->
<!--/*}*/-->
<!--</style>-->
这种好<link rel="stylesheet" href="test1.css"><!--第二种方法：所有布局设计在css页面中，引入必须有rel、href-->
<!--<style>@import "test1.css";</style>第三种方法，当图片文字大时，会导致一闪出现，不是很好-->
</head>
<body>
<div> hello jerry</div>
<p>hello tom</p>
<a href="">点我</a>
右键新建stylesheet就可以新建css后缀名的页面：
p{ color: red; font-size: 20px; }
在这个页面进行设计的