外部CSS文件的创建和引用方式详解
1、在文件夹中新建一个文本文件，修改文本文件的后缀名为.css，如下图这里我创建的文本文件的名称为1.css，可以看到创建的CSS的名称和图标。用UE编辑器打开并编辑这个文件。
2、用UE来编辑这个文件是因为UE编辑器给我提供了高亮显示，这样增强了阅读效果，可以看到如下图我对P标签设置的CSS，在外部文件中直接设置样式就好了不需要其他的额外的代码来说明。
3、如果我们需要实现的功能就是给P标签设置对其方式、字体大小、加粗文本和颜色，那么可以有如下的代码直接完成了工作：
p
{
text-align:center;
color:red;
font-size:50px;
font-weight:bold;
}
可以看到如下图的执行结果，是不是完美实现了样式功能呢。
4、上一部文件外部文件已经编写好了，那么我们该如何在html文件中调用这个外部文件呢。首先我们需要创建一个html文件来在浏览器中显示我们要显示的内容，可以直接新建一个文本文件，具体如下图可以看到我们新建了一个1.html的文件。
5、创建好了的HTML文件，我们需要来编写HTML基本的格式，设置标题等等基础操作，设置好了之后在head这个标签中用<link rel="stylesheet" type="text/css" href="1.css"/>来调用外部文件1.css，所有代码如下所示。
<html>
<head>
<title>CSS排版</title>
<link rel="stylesheet" type="text/css" href="1.css"/>
</head>
<body>
用CSS来排版文件
</body>
</html>
从下图可以看到执行的效果图。
6、引用外部的CSS除了用Link标签，还可以使用import关键字来完成，使用格式为
<style type="text/css">
@import"1.css";
</style>
，详细的代码如下所示
<html>
<head>
<title>CSS排版</title>
<style type="text/css">
@import"1.css";
</style>
</head>
<body>
用CSS来排版文件
</body>
</html>
可以看到，使用import也能达到因为外部文件的效果，这两个可以根据个人的喜好来选择就好了。
