css样式优先级：行内样式>内部样式>外部样式>，但是css是以就近原则为准的，比如：如果外部样式离元素比内部样式
近，那外部样式的优先级就给内部样式的高，也就是说谁离元素近，就用谁
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>导入方式</title>
<!--第二种方式：内部样式-->
<style>
/*在css代码中的注释方式*/
h1{
color:red;
}
</style>
<!-- 外部css样式引入方式：两种写法
html中的:
链接式是最多使用：<link rel="stylesheet" href="css/style">
css2.1中特有的：不常用，因为他会先显示页面的框架，才会渲染，而链接式的是先渲染完，才显示出来
导入式：<style>
@import url("css/style.css");
</style>
一定要放到style标签中才行
-->
<link rel="stylesheet" href="css/style.css">
<style>
@import url("css/style.css");
</style>
</head>
<body>
<!--第一种方式：不建议使用行内样式：在标签元素中，编写一个style属性，编写样式即可-->
<h1 style="color:red">标题</h1>
</body>
</html>
