CSS样式导入
1、代码1
1.1.html文件样式代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 内部样式表 -->
<style>
h1{
color: green;
}
</style>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 优先级:就近原则 -->
<!--行内样式:在标签元素中,编写一个style属性,编写样式即可-->
<h1>这是标题</h1>
</body>
</html>
1.2.css文件代码
/*外部样式*/
h1{
color: yellow;
}
运行结果:
2、代码2
2.1.html文件样式代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/* 导入式 */
@import "css/style.css";
</style>
</head>
<body>
<h1>java学习</h1>
</body>
</html>
2.2.css文件代码
/*外部样式*/
h1{
color: yellow;
}
运行代码: