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>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现