CSS样式的引用方式有三种：
一、行间样式表
行间样式表是指将CSS样式编码写在HTML标签中，格式如下

我的CSS样式。

行间样式表由HTML元素的HTML元素的style支持，只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式，但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们只是在调试CSS代码的时候使用。
二、内部样式表
内部样式表与行间样式表相似都是把CSS代码写在HTML页面中，稍微不同的是前者可以将样式表放在一个固定的位置，格式如下

我的CSS样式。

内部样式表编码是初级的应用形式，不能达到跨页面使用所以不适合使用。
三、外部样式表
外部样式表是CSS应用中最好的一种形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。多个网页可以调用一个样式文件表，这样能够实现代码的最大限度的重用及网站文件的最优化配置，格式如下

我的CSS样式。

在style.css中的代码为

h1{font-size:12px;
color:#000FFF
}

我们在中使用了标签来调用外部样式表文件。将link指定为stylesheet方式，并使用了href="style.css"指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。

Vue实践-CSS样式position/display/float属性对比使用

就是引用路径要注意
然后分清内部还是外部
其他的就是相对路径和绝对路径的问题
多注意就好办啦

css样式的三种引用
[ 2006-11-21 15:21:00 | By: BB ]

css样式块
格式一
例如：

改变在此处

格式二
外联样式文件
将css样式写在另外一个扩展名为css的文件中
当网页中引用此样式是可以


格式三
内嵌式样式
例如：