html5 中的 css样式单 的 两种调用方式的区别

在 html5 中 使用 css 样式单的方式 有4种：

1.链接外部样式文件：将样式文件 彻底与 html 文档分离，样式文件需要额外引入，这种情况下 一批样式 可以控制多份文档。对于好多文件都共有的样式单，推荐使用这种方式。

2.导入外部样式文件：此方式与第一种方式类似，但是需要用@import来引入外部样式单。由于某些浏览器（如 internet explorer）会在导入外部样式单时导致闪屏，所以不推荐用这种方式，而是尽量考虑使用第一种方式。

3.使用内部样式定义：这种方式是通过在html 文档的 <head/>元素内 ， 定义样式单  来实现的。每批css样式只能控制其自身所在的 那一份文档，对于整个工程中只有那一个文件有的属性 推荐使用这种方式。

4.使用内联样式：将样式内联定义到 具体的html 元素，通常用于精确控制一个html元素的表现。在这种方式下，每份css样式 只控制单个html 元素。