1、创建一个index.html和一个main.css文件，并让它们处于同一个目录下；

2、将上一节中<style></style>中的CSS代码全部复制到main.css中来；并将其他的内容复制到index.html里。

3、在原来写内部样式表的地方输入：

<link href="main.css" rel="stylesheet" type="text/css"/>

    <link>标签是将样式表与HTML网页文件联系起来的枢纽。

4、最后保存html文件和CSS样式文件，在Web浏览器里运行就可以看到与上一节一样的效果了。

注：在本节中，CSS样式表文件和HTML网页文件必须保存在同一个文件夹里，因此在<link>标签里只需把文件名作为href值即可，这个就是使用了相对路径。