目录
CSS的使用：CSS与html结合方式
1.内联样式：
在标签内使用style属性指定css代码
如：
<div style="color: green;">Helllo Css</div>浏览器显示：
2.内部样式
在head标签内，定义style标签，style标签的标签内容就是css代码
如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS与Html结合</title>
<style>
div{
color: blue;
}
</style>
</head>
<body>
<div>Hello 你好啊！</div>
<div>Hello 大哥!</div>
</body>
</html>
浏览器显示：
3.外部样式
①定义css资源文件
②在head标签内，定义link标签，引入外部的资源文件
如：
文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS与Html结合</title>
<link rel="stylesheet" href="css/a.css">
<style>
@import "css/a.css";
</style>
</head>
<body>
<div> Hello 兄弟你好啊</div>
</body>
</html>浏览器显示：
注意：
1，2，3种方式 css作用范围越来越大
第1种方式不常用，后期常用第2，3种。
第3种格式可以写为：
<style>
@import "css/a.css";
</style>
1268
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
