本文介绍了HTML样式的四种应用方式：行内样式、内部样式、外部样式和导入式。行内样式直接在标签内设置；内部样式通过`<style>`标签在`<head>`部分定义；外部样式使用`<link>`标签引用外部CSS文件；导入式则是通过`@import`在CSS内部引入外部样式。每种方式的优先级遵循就近原则，即离元素越近的样式优先级越高。
一、行内样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 行内样式：在标签元素中，编写一个style属性，编写样式即可 -->
<h1 style="color: red">Hello, world</h1>
</body>
</html>
二、内部样式
<!-- 内部样式 -->
<style>
h1{
color: green;
}
</style>
三、 外部样式
<!-- 外部样式 -->
<link rel="stylesheet" href="css/style.css">
四、外部样式–导入式
是css2.1？加入的，是先渲染出框架在进行填充，但是link是全部渲染好在进行显示
<!-- 导入式-->
<style>
@import url("css/style.css");
</style>
优先级，就近原则，谁距离近，谁生效
https://www.bilibili.com/video/BV1YJ411a7dy?p=4&spm_id_from=pageDriver
扫一扫
7696
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
