<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--第三种 通过导入css样式表-->
<link rel="stylesheet" href="./s.css">
<!--第一种在style标签上写-->
<style>
.c1 {
height: 100px;
width: 100px;
background-color: blue;
}
</style> </head>
<body>
<!--第二种在标签上的style属性写-->
<!--以标签为基准，从内到外 从近到远-->
<div class="c1" style="height: 100px;width: 100px;background-color: red"></div>
</body>
</html>