文件一【cssStyle.html】:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS的三种引入方式 </title>
<!--01 内嵌式CSS,一般商业首页用内嵌式,效率高 ,如天猫首页等等-->
<style>
div{color:red;}
</style>
<!-- 02外联式CSS,非首页一般使用外联式,便于修改 -->
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- 01内嵌式CSS -->
<div>我说内嵌式CSS</div>
<!-- 02外联式CSS -->
<span>我是外联式CSS</span>
<!--03行内式CSS,一般不推荐使用 -->
<p style="color:green"> 我说行内式 CSS</p>
</body>
</html>
文件二:【css.css】
span{color:yellow;}
存放目录:
效果展示: