CSS 三种样式的优先级问题

CSS 一般有三种使用样式，即行间样式，内嵌样式和外链样式

行间样式 即在 html的标签中书写样式，例如：

<div id="aaa" style="width: 100px;height: 200px;background: yellow;">110</div>

内嵌样式 即在 head 标签里面来书写，控制标签样式，例如：

<style>
    #aaa{
        width: 100px;
        height: 200px;
        background: yellow;
    }
</style>

外链样式 即通过 link 标签来引用，在外部的 css 文件中来控制标签样式，书写方式和内嵌样式的方法一样，但是需要在 head 标签里，style 标签外用 link 标签引用，引用的方式是：

<!--这里的aaa.css是同级目录下-->
<link rel="stylesheet" href="aaa.css">

三种样式已经介绍完，现在说一说优先级的问题。总结起来就是：如果同一属性在多个样式中都有描述，按照行间样式>内嵌样式>外链样式的顺序来执行。

举个列子，同一个 div 标签，如果三种样式都在描述其宽高，以行间样式为准；若行间样式没有描述，内嵌样式与外链样式描述冲突，以内嵌样式为准，以此类推。