引入CSS主要有3种方式:引入外部样式表、使用内部样式表和行间样式。
1. 外部样式表
- 常见的标签引入
- rel和href属性不可省。type和media属性可以省略
- 不能混入HTML标签,包括HTML的注释,否则会影响标签之后的css样式的识别
- 可以加载多个样式表
- 可以有候选样式表,用“alternate stylesheet”标注
- @import引入外部样式表
- 但是必须在style标签内引入,并且至于CSS规则之前
- 可以引入多个CSS样式表,同时用media来限制场景
- @import “xxx.css” print
- @import不太建议使用的原因是
- @import引入的文件会在网页加载完之后再加载,会影响网页刚开始的呈现
- 不支持JS对DOM的操作
2. 内部样式表
- 使用style标签包含样式表
- 文档中可以出现多个style标签,样式规则与层叠样式规则一样
3. 行间样式
- 为单个元素指定样式
- 通过HTML元素的style属性来设置
- 若存在多个style属性,则只能识别第一个