通常有四种引入方式：

    1：内联样式；将样式内联定义到具体HTML元素上，通常用于精确控制一个html元素

是所有样式中最直接的一种，直接对html标签使用style属性   。 

例子：<p style="color: #FF0000; font-size: 50px;" class="a">床前明月光</p>

解释：他只能对一个标签定义，而且都要在 style的属性里修饰 修改的少可以用这个


   2：内部样式定义：通过在html文档头定义样式单部分来实现，这种方式下，每批CSS样式只能控制一份HTML文档

是将css写在<head>与</head> 之间，并用<style>和</style>来声明

例子：  写在head里面

<style type="text/css">
p{
color: #FF0000; font-size: 50px;
}
</style>

他可以对当前页的所有的这个标签定义，优先级高于1

   3：外部样式文件：将样式与html文档分离，样式文件额外引入，这样，一份样式可控制多分文(通常是这样)

最为普遍 需要常见独立的css文件，用link引用进来

例子：

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

解释；前面type是固定写法  后面的rel引用的属性，写stylesheet  引用外部样式


   4:导入外部样式文件：类似第三种，只是使用@imporrt来引入外部样式文件

这个类似第三种，不太常见。在style标签之间，  @import”样式文件”或 @import url("样式文件")

例子：写在head里

<style type="text/css">
@import url("css/font.css");
</style>

不太推荐使用这个方法

  

      引入的优先级

顺序：内联>内部>import>link