外部CSS文件的创建和引用方式详解
CSS是网页设计中的一个重要的组成部分，就因为CSS功能齐全，使用方便，便于修改和多次重复利用很有编程人员的喜爱。其中外部的CSS样式表将CSS单独做成了一个文件，无论编写修改还是重用都很方便，在这里我就来介绍下如何创建调用和使用外部的CSS文件。
在文件夹中新建一个文本文件，修改文本文件的后缀名为.css，如下图这里我创建的文本文件的名称为1.css，可以看到创建的CSS的名称和图标。用UE编辑器打开并编辑这个文件。
用UE来编辑这个文件是因为UE编辑器给我提供了高亮显示，这样增强了阅读效果，可以看到如下图我对P标签设置的CSS，在外部文件中直接设置样式就好了不需要其他的额外的代码来说明。
如果我们需要实现的功能就是给P标签设置对其方式、字体大小、加粗文本和颜色，那么可以有如下的代码直接完成了工作：
p
{
text-align:center;
color:red;
font-size:50px;
font-weight:bold;
}
可以看到如下图的执行结果，是不是完美实现了样式功能呢。
上一部文件外部文件已经编写好了，那么我们该如何在html文件中调用这个外部文件呢。首先我们需要创建一个html文件来在浏览器中显示我们要显示的内容，可以直接新建一个文本文件，具体如下图可以看到我们新建了一个1.html的文件。
创建好了的HTML文件，我们需要来编写HTML基本的格式，设置标题等等基础操作，设置好了之后在head这个标签中用来调用外部文件1.css，所有代码如下所示。
用CSS来排版文件
从下图可以看到执行的效果图。
引用外部的CSS除了用Link标签，还可以使用import关键字来完成，使用格式为
，详细的代码如下所示
用CSS来排版文件
可以看到，使用import也能达到因为外部文件的效果，这两个可以根据个人的喜好来选择就好了。
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/life/87488.html
