<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS引用方式</title>
<!--3,外部样式-->
<!--
a,通过link引入
b,通过import引入
-->
<!--<link rel="stylesheet" type="text/css" href="index.css"/>-->
<style type="text/css">
@import url("index.css");
</style>
<!--2,内部样式-->
<style type="text/css">
p{
color: yellow;
font-size: 38px;
}
</style>
</head>
<body>
<!--
CSS三种引用方式:
1,行间样式
2,内部样式
3,外部样式
-->
<!--
1,行间样式:通过style属性将样式写在标签中
-->
<div style="color: red;">啊,祖国,亲爱的二舅!</div>
<!--
2,内部样式:
-->
<p>
随便吧...
</p>
<!--3,外部样式-->
<h1>
守不住才是个笑话!
</h1>
</body>
</html>