导入方式
-
内部样式
<!-- 内部样式 -->
<style>
h1{
color: brown;
}
</style> -
外部样式
<!-- 外部样式 -->
<!-- 链接式html（推荐） -->
<link rel="stylesheet" href="../导入方式/style.css">h1{
color: darkorange;
}
<!-- 导入式css2.1(不推荐) -->
<style>
@import "style.css";
</style> -
行内样式
<!-- 行内样式：
在标签元素中，编写一个style属性，编写样式即可
不可取，应结构与表现分离
-->
<h1 style="color: #4a78c2">一级标题</h1>
优先级：就近原则
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<!-- 内部样式 -->
<style>
h1{
color: brown;
}
</style>
<!-- 外部样式 -->
<!-- 链接式html（推荐） -->
<link rel="stylesheet" href="../导入方式/style.css">
<!-- 导入式css2.1(不推荐) -->
<style>
@import "style.css";
</style>
</head>
<body>
<!-- 优先级：就近原则 -->
<!-- 行内样式：
在标签元素中，编写一个style属性，编写样式即可
不可取，应结构与表现分离
-->
<h1 style="color: #4a78c2">一级标题</h1>
</body>
</html>
h1{
color: darkorange;
}