CSS学习笔记1：引入CSS文件

引入CSS主要有3种方式：引入外部样式表、使用内部样式表和行间样式。

1. 外部样式表

• 常见的标签引入
• rel和href属性不可省。type和media属性可以省略
• 不能混入HTML标签，包括HTML的注释，否则会影响标签之后的css样式的识别
• 可以加载多个样式表
• 可以有候选样式表，用“alternate stylesheet”标注
  
• @import引入外部样式表
• 但是必须在style标签内引入，并且至于CSS规则之前
• 可以引入多个CSS样式表，同时用media来限制场景
  • @import “xxx.css” print
• @import不太建议使用的原因是
  1. @import引入的文件会在网页加载完之后再加载，会影响网页刚开始的呈现
  2. 不支持JS对DOM的操作

2. 内部样式表

• 使用style标签包含样式表
• 文档中可以出现多个style标签，样式规则与层叠样式规则一样

3. 行间样式

• 为单个元素指定样式
• 通过HTML元素的style属性来设置
• 若存在多个style属性，则只能识别第一个