导入方式
-
内部样式
<!-- 内部样式 -->
<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;
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
