标签：结合 imp 就是 cas 耦合度 好处 越来越大 作用 code
概念： Cascading Style Sheets 层叠样式表
好处：
CSS的使用：CSS与html结合方式
内联样式
<div style="color:red;">hello css</div>内部样式
外部样式
<link rel="stylesheet" href="../css/a.css">
或
<style>
@import "../css/a.css";
</style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css&html结合方式1</title>
</head>
<body>
<!--内联样式
在标签内使用style属性指定css代码-->
<div style="color: red">hello css</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css&html结合方式2</title>
<style>
div{
color:blue;
}
</style>
</head>
<body>
<!--内部样式
在head标签内，定义style标签，style标签的标签体内容就是css代码-->
<div>hello css</div>
</body>
</html>
div{
color: green;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css&html结合方式2</title>
<!--<link rel="stylesheet" href="../css/a.css">-->
<!--或者也可以这样引入-->
<style>
@import "../css/a.css";
</style>
</head>
<body>
<!--外部样式
1. 定义css资源文件。
2. 在head标签内，定义link标签，引入外部的资源文件-->
<div>hello css</div>
</body>
</html>
JavaWeb8.3【CSS概述、CSS与HTML的结合方式】
标签：结合 imp 就是 cas 耦合度 好处 越来越大 作用 code
原文地址：https://www.cnblogs.com/yppah/p/14934818.html
