<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
/* .box1{
width: 100px;
height: 100px;
background: red;
}
.box2{
border: 2px solid green;
} */
#box1{
width: 100px;
height: 100px;
background: red;
}
#box2{
border: 2px green solid;
}
</style>
</head>
<body>
<!-- id选择器 一个id后面只能跟一个id名 -->
<div id="box1 box2"></div>
<div id="box2"></div>
<!-- 类选择器 类名可以多次使用 一个class后面可以加多个类 -->
<!-- <div class="box1 box2"></div>
<div class="box2"></div> -->
<!-- 命名规则:不能用标签名定义名字,不能用纯数字定义,不能以数字开头,不能用汉字定义类名,不能用特殊字符 -->
</body>
</html>