外部样式
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS</title>
<!--
还可以将样式表编写到外部的CSS文件中,然后通过link标签来将外部的CSS文件引入到当前页面中，
这样外部文件中的css样式表将会应用到当前页面中。
将CSS样式统一编写到外部的样式表中，完全使结构和表现分离，可以是样式表可以在不同的页面中使用，
最大限度的使样式可以进行复用，将样式统一写在样式表中，然后通过link标签引入，可以利用浏览器的缓存
加快用户访问的速度提高了用户体验，所以在开发中我们最推荐使用的方式就是外部的CSS文件
-->
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<p>谁知盘中餐，粒粒皆辛苦</p>
<p>谁知盘中餐，粒粒皆辛苦</p>
<p>谁知盘中餐，粒粒皆辛苦</p>
<p>谁知盘中餐，粒粒皆辛苦</p>
<p>谁知盘中餐，粒粒皆辛苦</p>
<p>谁知盘中餐，粒粒皆辛苦</p>
</body>
</html>
还有一个文件style.css
p{
color:blue;
font-size:40px;
}
