<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
/* 1.类型选择器（标签选择器） 标签{属性：属性值；}*/
div{width: 200px;}
/* 2.class选择器（类选择器） .class名{属性:属性值；} */
/* 命名注意:
1.不能以纯数字开头
2.不建议使用中文
3.可以用-或_,其他符号不能用@#$
4.建议使用语义化命名,形成规范 */
.box{width: 100px;}
/* 3.ID选择器 #id名{属性:属性值；}id名只能有一个!!! */
#box1{width: 50px;}
/* 4.通配符 *{属性:属性值；}改变所有标签样式 */
*{width: 66px;}
/* 5.群组选择器 选择器1,选择器2,选择器3{属性:属性值；} */
.box,#box1{color: #000;}
</style>
</head>
<body>
<div class="box">
666
</div>
<div class="box1">
777
</div>
</body>
</html>
补充：CSS权重
标签：基本,标签,选择器,width,box1,id,属性 From： https://www.cnblogs.com/xu529/p/16936797.html