在html文件中设置样式根据样式的位置分为三种类型：
1.行内样式
例如，<div style="cloloe:red;font-size:30px;font-style:italic">Moirana</div>
行内样式的作用力优先级最高，但不利于HTML与css的书写及修改，会让html非常臃肿。
2.内部样式
style标签是head标签的的子标签
<head>
....
<style>
div{
color:red;
font-size:30px;
font-style:italic;
}
</style>
</head>
内部样式可以把html与css做到模块级分离，便于同一个页面中，多处使用同一种样式.。
3.外部链接样式（推荐使用）
link标签是head标签的子标签，需要去建立一个index.css文件
<link rel="stylesheet" href="css/index.css">
index.css文件内容如下：
div{
color：red；
font-size:30px；
font-style:italic;
}
外部链接样式可以把html文件与css做到文件级分离，便于多个页面中，多处使用同一种样式。
4.三种样式类型的优先级
行内样式>内部样式>外部链接样式 从规范上来说，推荐使用外部链接样式，便于修改与使用。
原文：https://www.cnblogs.com/moirana/p/15172201.html