2022-02-14 05:00:25
内部样式
<!-- 内部样式 -->
<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;
}
?