CSS的引入加载方法- 技术经验 -卓越飞翔博客

本文将主要了解导入CSS样式的方式，包含外部样式表、内部样式表和行间样式三种方式

[特别注意]CSS语法非常简单，但难忽略的一点就是不能省略分号(最后一个样式除外)

外部样式表

在link标记中rel和href属性是必须的，type属性和media属性可省略

完备dome






Document

多个样式表

一个文档可能关联多个样式表，如果就是这样，文档最初表明时只会使用rel为stylesheet的link标记

完备dome







Document

内部样式表须要采用 Document

多个style标签

文档中可发生多个style标签，且样式规则与层叠样式规则一致







Document

与link类似，@import指令用于命令Web浏览器加载一个外部样式表，并在表现HTML文档时使用其样式。唯一的区别在于命令的具体内容语法和位置。@import指令常用于样式表须要使用另一个样式表中的样式的情况。

[特别注意]@import必须发生在style元素中，且要放到其他CSS规则之前，否则将显然不起作用。






Document

多个@import指令

可以使用@import指令引入多个CSS样式表，且可以使用media来管制应用领域场景。






Document

如果只是想要为单个元素指定一些样式，可以采用HTML的style属性来设置一个行间样式。





Document

[特别注意]行间样式若存在多个style属性，就可以辨识第一个





Document

有关专题