行内：HTML和CSS混淆，代码结构混乱
<div style="width:100px">123</div>
内嵌：写在head中
<head>
<style>
div{
height:100px;
}
</style>
</head>
外链式
<link rel="stylesheet" href="css/style.css">
导入式
<script>
@improt "css/1-import.css";
</script>
思考：导入式和外链式的本质区别。