CSS的三种样式：内联式，嵌⼊式，外部式以及他们的优先级版权声明：本⽂为博主原创⽂章，未经博主允许不得转载。
从CSS 样式代码插⼊的形式来看基本可以分为以下3种：内联式、和外部式三种。
1：内联式css样式表就是把css代码直接写在现有的HTML标签中，如下⾯代码：
<p ;font-size:12px>这⾥⽂字是红⾊。</p>
2：嵌⼊式，嵌⼊式css样式，就是可以把css样式代码写在<style type="text/css">XXX</style>标签之间。
[html]
1. <head>
2.  <style type="text/css">
3.    span{
4.      color:red;
5.    }
css样式表优先级最高
6.  </style>
7.
8. </head>
3：外部式css样式，写在单独的⼀个⽂件中.
外部式css样式(也可称为外联式)就是把css代码写⼀个单独的外部⽂件中，这个css样式⽂件以“.css”为扩展名，在<head>内（不是在<style>标签内）使⽤<link>标签将css样式⽂件链接到HTML⽂件内，如下⾯代码：
<link href="base.css" rel="stylesheet" type="text/css" />
注意：
1、css样式⽂件名称以有意义的英⽂字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置⼀般写在<head>标签之内。
这三种样式是有优先级的，记住他们的优先级：内联式 > 嵌⼊式 > 外部式，但是嵌⼊式>外部式有⼀个前提：嵌⼊式css样式的位置⼀定在外部式的后⾯。
其实总结来说，就是--就近原则（离被设置元素越近优先级别越⾼）。
但注意上⾯所总结的优先级是有⼀个前提：内联式、嵌⼊式、外部式样式表中css样式是在的相同权值的情况下。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。