内联样式就是放在html页面内部的样式表:
<style type="text/css">.test { color:red }
</style>
外联就是与html页面分离的外部样式表:
<link rel="stylesheet" type="text/css" href="../css/test.css" />从执行速度来讲，内联样式是最快的!
1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法，首先新建一个html文件，放入3个button按钮，给前两个按钮分别设置class属性为btn1和btn2：
2、接着准备一个css文件，命名为demo.css，在文件内写入按钮A的样式，保存css文件：
3、回到刚才的html文件，在style标签中用link标签引入上一步创建的css文件，这就是外联样式的用法，总结就是创建好的css文件内写好样式，然后在html文件中用link标签引入即可，这也是大部分网站使用的方法，因为其引入方便，管理起来也比较方便：
4、接着是内部样式表的使用，这里直接在head标签里创建style标签，在里面加入btn2的样式。对于内部样式表简单的html文件，内部样式是很方便的，但是结构复杂的html文件使用它就会让文件显得很混乱：
5、最后是内联样式的使用，直接在第三个标签内使用style属性加入样式就可以了：
6、最后保存html文件，打开浏览器可以看到三个按钮的样式都出现了。以上就是css样式表的制作方法：
css样式分三种，内部样式，内联样式和外部样式。外部样式，顾名思义，也就是通过<link />引入的css样式文件，而内部样式呢，主要是放在<style></style>中的样式，而内联样式，就是直接嵌入标签的，充当标签的一个属性，使用style='这里写样式' 来实现。他们的优先级是内联样式的优先级最高，其次判断内部和外部样式的优先级得看它们在html中出现的位置，一般来说，越靠后的优先级也就越高。
css是英文Cascading Style Sheets的缩写。
它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
它包含3种类型，内部样式，行内样式和外部样式表三种
作用的效果是按顺序从下到上，相同样式下面的会覆盖原有样式，除特殊情况外，一般都是行内样式>内部样式>外部样式。
以div为例
行内样式写法：
在style里面写样式
<div style="height:30pxbackground:#f00"></div>
内部样式：
在head标签内加入style标签，在标签内写样式：
<style>
div{height:30pxbackground:#f00}
</style>
外部样式是建立一个新文件后缀名为.css
举个例子：
建立style.css文件放在项目根目录下：
在里面写入
div{height:30pxbackground:#f00}
然后保存，在html的head标签内调用样式
<link rel="stylesheet" type="text/css" href="style.css" />
