css怎么设置多个盒子 |css序列

css弹出html，css文件文字乱码，css怎么弄成块，css 垂直平均分布，css 适应浏览器宽度，css样式引用常用几种方式，css序列 css怎么设置多个盒子 |css序列

1. 使用类名

.box{
width: 200px;
height: 200px;
background-color: yellow;
}

在HTML中，将每个盒子的class属性设置为box，即可使用上述CSS样式。

2. 使用id

#box{
width: 200px;
height: 200px;
background-color: yellow;
}

在HTML中，将一个盒子的id属性设置为box，即可使用上述CSS样式。

3.使用后代选择器

.container .box{
width: 200px;
height: 200px;
background-color: yellow;
}

在HTML中，将所有盒子放在一个class为container的容器中，即可使用上述CSS样式。

4.使用伪类

.box:first-child{
width: 200px;
height: 200px;
background-color: yellow;
}

在HTML中，将第一个盒子的class属性设置为box，即可使用上述CSS样式。同理，可以使用:last-child选择器选中最后一个盒子。

总之，使用CSS设置多个盒子有很多种方法，大家可以根据实际需要选择合适的方法来进行使用。