06-css引入方式.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css引入方式</title>
<style type="text/css">
/*内接样式
选择器 标签选择器 共性
*/
span{
color: brown;
}
</style>
<!--外接样式-导入式-->
<style type="text/css">
@import url('06-index.css');
</style>
<!--外接样式-链接式-->
<link rel="stylesheet" href="./06-index.css">
</head>
<body>
<!--
css导入的三种方式:
1.行内样式
2.内接样式
3.外接样式
3.1链接式
3.2导入式
-->
<div>
<!--行内样式-->
<p style="color: aqua">我是一个段落</p>
</div>
<div>
<span>我是另一个段落</span>
<span>我是另一个段落</span>
<span>我是另一个段落</span>
<a href="#">路飞</a>
</div>
</body>
</html>
06-index.css
/*a {*/
/*font-size: 50px;*/
/*color: chartreuse;*/
/*}*/
@import url('06-content.css');
06-content.css
a {
font-size: 50px;
color: chartreuse;
}