1、使用较少的代码，来实现更多的功能；
2、使用属性继承方法，可以轻松地维护相同标记的不同样式；
3、代码比率更高的内容；
4、页面加载变得很快；
5、定义风格的灵活性。
知识补充：
CSS全称Cascading Style Sheet，表示层叠样式表。CSS用于改进HTML标记内容的呈现。使用CSS我们可以基于媒体定义不同的内容显示方式。
CSS的优点：
一、CSS的代码更少
在公共样式类中可以定义具有值的属性，并且能在不同位置使用相同的类，因此可以使用较少的代码，来实现更多的功能。更少的代码意味着更少的带宽消耗并且易于维护内容。
二、易于维护
当在全局或共同的地方定义样式时，任何变化都变得容易操作。例如，在网站中，使用特定的样式属性显示产品的所有名称。现在，可以通过在外部样式表中更改产品名称的样式类，可以在整个站点中更改样式。可以保留多个样式表并根据需要使用它们。使用属性继承方法，可以轻松地维护相同标记的不同样式。
三、代码（标签）比率更高的内容
可以通过使用CSS在页面中实现更高的代码比例内容，因为可以将样式声明转换为外部文件。这对搜索引擎的观点很重要。可以向蜘蛛提供较少的标签（样式标签）和更多内容以进行索引。
四、下载页面
当浏览器缓存样式表页面时，页面加载变得很快。每次使用相同CSS的同一站点的不同页面时，都不会从服务器加载样式类。
五、定义风格的灵活性
名称级联表示可以使用多种样式，并且优先考虑本地样式。可以覆盖声明的全局样式，并将样式本地分配给标记。
目前有两种引用方式，一种是通过在head里面的link来引用，另外一种是直接通过import来引用，示例代码如下：第一种：link引用
<link rel="stylesheet" href="/css/mycss.css" />
第二种：@import引用
<style type="text/css">
@import url（/css/mycss.css）
</style
link和import语法结构不同，前者<link>是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。
import在html使用时候需要<style type="text/css">标签，同时可以直接“@import url(CSS文件路径地址)”放入css文件或css代码里引入其它css文件。
本质上两者使用选择区别不大，但为了软件中编辑布局网页html代码，一般使用link较多，也推荐使用link。
