CSS样式来源方式以及优先级冲突的解决方案 -

CSS 元素样式来源的方式

css 元素样式来源主要有三种方式可以选择，下面将用 h1 标签中的文字颜色设置成红色进行举例：

1、行内样式（内联样式）

<h1 style="color: red;">行内样式</h1>

2、内部样式
内部样式放在 head 内部，统一管理

<html>
<head>
  <title>内部样式</title>
  <style type="text/css">
      h1{
          color: red;
      }
  </style>
</head>
<body>
    <h1>内部样式</h1>
</body>
</html>

3、外部样式
外部样式同样放在head中，通常使用link标签来引用到html中，href中是外部css文件的地址。
```
<html>
<head>
  <title>外部样式</title>
  <link rel="stylesheet" type="text/css" href="">
</head>
<body>
    <h1>外部样式</h1>
</body>
</html>
```
css样式优先级冲突的解决方案
在css中，样式的优先级会按照“id数< class数 < 标签数”的规则进行样式渲染

案例	id	class	标签	优先级
div span h1	0	0	3	0 0 3
div .class .head	0	2	0	0 2 0
#logo	1	0	0	1 0 0

CSS样式来源方式以及优先级冲突的解决方案

CSS 元素样式来源的方式

css样式优先级冲突的解决方案