<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 新建外部css文件放在css/文件夹下
内部写如下内容
/* 这是一个外部样式表
书写样式需要使用
选择器{
样式语句
}
*/
h1{
color: red;
}
h2{
color: red;
}
h4{
color: red;
}
-->
<!-- link 标签引入外部样式表 href资源路径-->
<link rel="stylesheet" href="./css/main.css">
<!-- 内补样式表 -->
<style>
h2{
color: green;
}
h3{
color: green;
}
h4{
color: green;
}
</style>
</head>
<body>
<h1>使用外部样式表</h1>
<h2>内部样式表高于外部样式表</h2>
<h3>使用内部样式表</h3>
<h4 style="color: blue;">使用行内样式</h4>
</body>
</html>
css引入基础
最新推荐文章于 2024-05-26 20:06:14 发布