<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS快速入门</title>
<!-- 规范,<style>可以编写CSS的代码,每一个声明最好使用分号结尾
语法: ---内部样式
选择器{
声明1;
声明2;
声明3;
}
-->
<style>
h1{
color: red;
}
</style>
<!-- 外部引用 --外部样式-->
<link rel="stylesheet" href="CSS快速入门.css">
<!-- 三种引用的优先级:就近原则,谁离代码更近谁的优先级更高 -->
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<!-- CSS的第一种引用:
行内样式:在标签元素中,编写一个style属性,编写样式即可
-->
<h3 style="color: aqua;">三级标题</h3>
</body>
</html>
<!-- 拓展
外部样式导入方式有两种:
①链接式
<link rel='stylesheet' href='CSS快速入门.css'>
②导入式
<style>
@import url('CSS快速入门.css')
<style/>
-->