根据CSS代码插入的位置将CSS样式分为：内联式、嵌入式、外部式（外联式）。
1.内联式CSS样式表：把css代码直接写在现有的HTML标签中，必须写在元素的开始标签中，css样式代码写在的双引号中，若有多条css样式，用分号隔开。例如：<p >这里文字是红色。</p>
2.嵌入式CSS样式表：将css代码写在<head>标签中，语法为：
<style type="text/css">
标签{
属性1;
属性2;
}
</style>3.外部式（外联式）CSS样式：将css代码写在一个独立的css文件中，这个文件以.css为后缀，在<head>标签中使用<link>标签将css文件链接到HTML文件，语法为：<link href="x.css" rel="stylesheet" type="text/css" />，仅x.css中的x能够改变，代表css文件名称，其余代码均为固定格式。
三种css样式的优先级遵循就近原则，在相同权值下，内联式 > 嵌入式 > 外部式。不过嵌入式的代码要写在外部式的后面。