1.外联式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<body>
<div>樱桃小丸子</div>
<div>哆啦A梦袋</div>
<div>温柔小绵羊</div>
</body>
</html>
<!--css标签：<head>
<link rel="stylesheet" type="text/css" href="">
<link rel="CSS的路径",href="stylesheet";
</head>
-->
结果
2.类选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*div{ 标签选择器：div标签选择器是把所有的div选择变成红色
color: red;
}
类选择器：上面点声明。下面class调用*/
.suibian{
color: blue;
}
</style>
</head>
<body>
<div class="suibian">我是类选择器</div>
<div>我是类选择器</div>
<div>我是类选择器</div>
<div>我是类选择器</div>
<div>我是类选择器</div>
<div>我是类选择器</div>
<div Class="suibian">我是类选择器</div>
</body>
</html>