CSS样式表引入的三种方式，及优先级顺序

CSS可以通过三种方式引入样式表，三种方式分别是行内样式表，内部样式表和外部样式表。

通过给标签设定style属性

通过在head标签中的style标签中编写css样式

通过创建外部.css样式表文件，然后再html文件中引用，引用的.css文件的方式有两种，分别是链接引入css和导入css。

下面是外部的css样式文件index.css

html文件中的head标签下插入： 链接引入css样式表：

导入css样式表：

两种引入css表方式的区别： 1.链接引入： 属于html中的标签语法，在加载页面时，就会同时加载css样式表 2.导入css样式：@import 属于css中的语法，在加载页面时，加载页面完成之后才会加载css样式表

将三种引入样式表写入同一个html文件中，分别给div定义不同颜色的background-color，查看样式表引入优先级。 优先级如下： 行内样式>外部样式表=内部样式表 行内样式表优先级最高，最先显示其样式，外部样式和内部样式优先级无法比较，根据就近原则显示样式。