CSS如何作用于HTML

1、外部样式表
将CSS规则写到一个以“.css”为后缀的文件中，然后使用HTML中的标签将 CSS文件应用到HTML文档中或者是在style标签里用@impot将CSS文件应用到HTML文档中
2、内部样式表
将CSS规则写到<style标签>中，在不能直接更改CSS文件情况下，这种方式有效， 但是一般不推荐使用，修改起来不方便。
3、行内样式表
将CSS规则写到元素的style属性中，只能作用与一个元素，一般不推荐使用。

用link标签把外部样式表导入 HTML文档和用@import把外部样式表导入HTML文档的区别

1. 所属范围
   @import 是css的语法，只能导入样式
   link是html的标签，不仅可以加载样式，还可以定义rel属性
   rel="stylesheet"表示调用外部样式表
   2. 加载顺序
      页面加载的时候，link标签引入的css被同时加载
      @import引入的css在页面加载完毕后再被加载
   3. 兼容性
      @import需要兼容IE5+
      link标签，不存在兼容性问题

link语法结构

<link href="CSS样式表的url路径" rel="stylesheet" >

@import语法结构
@import url(CSS文件路径地址);注：在@import和url路径之间要有空格