初识CSS样式-几种常用的引入方式

HTML 引入CSS样式的方法 可分为三种，分别是： 行间式 内嵌式  外链式。

以上三种方式 有 优先级 之分，从高到低分别是：行间式→内嵌式→外链式

下面 我们就按照 优先级 来依次 看一下 这三种引入CSS样式的方法的写法

1.行间式的特点：行间式 写法 优先级最高  缺点：影响阅读 修改麻烦

<div style="width:200px;height:200px;background:red"></div>

2.内嵌式的特点： 写在HTML页面中  优先级中等 缺点：影响HTML文件大小

<style type="text/css">
  选择器 {
    width:200px;
    height:200px;
    background:red;
  }
</style>

3.外链式的特点：优先级最低

<link rel="stylesheet" type="text/css" href="CSS文件路径地址">