html 样式添加方式及其优先级学习记录

html css有三种方式添加，外部样式表（外部引用）、内部样式表、内联样式。优先级顺序从低到高，概括为距离越近优先级越高，高优先级样式会继承低优先级样式中自己不具备的样式，同时覆盖相同的样式（即低优先级样式失效，只保留高优先级的）。

e.g.:

1. 外部样式表 在head中引用，存储于专门的.css文件中(一般用于对所有页面通用样式做统一配置，方便修改)

<link rel="stylesheet" type="text/css" href="css1.css">

2. 内部样式表，定义在head内，作用于整个页面（一般用于单个特殊页面做配置，方便对单个页面内样式控制）

< head>
< meta  charset= "UTF-8">
< style>
h1
{
font-size:  small;
}
</ style>

</head>

3. 内联样式,定义在标签内部（对某个标签做特殊修改 覆盖外部引用和内部样式表）

<span style="color: red">测试</span>