首选来介绍一一下什么是CSS?其实就是一种层叠样式表(CascadingStyleSheets)。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，就像造房子一样，如果html是基地的话，那么CSS就是装修，只有装修的房子才可以住，自然至于那些灯光之类的是JS了，这是简单的比例，但也说明了css的重要性。
网页的核心就是内容与样式的分离，其中CSS就是分离的一种，那么如果分离了，该如何引用呢？一些网站中很多文件，只有相关的引用才可以实现，其中有四种方式：
1：内联样式（行间样式）：在标签的style属性添加样式：
比如：<pstyle=“”></p>
2、嵌入式样式表（内部样式表）：在style标签内添加(加在head标签内部)
例：<styletype=“text/css”>（css样式）<style>
3.外部样式表：将css样式编写在扩展名为.css的文件中，再导入样式，导入在（head标签内部）
<linkrel=“stylesheet”href=“css文件路径及文件名”/>
4、@import可以用来导入其他css文件。就相当于原来的css文件中包含被导入的css文件中的样式。
例：@import"css1.css";@import"css2.css";
不过根据目前网站的做做法，要做到内容与样式的分离，一般都是使用第三种的做法，也就是使用外部式表。这是通用的方式了，第四种一般很少用，因为需要进一步的加载，不利于优化。
原文：https://www.cnblogs.com/Song-Timfa/p/10830895.html