如何使用CSS中的属性对不同元素起到综合作用

1、第一步，为了表示这些CSS属性的用法，需要新建HTML5页面并在主体中插入几个不同标签元素，如下图所示：

2、第二步，使用元素选择器和类选择器，在style标签中定义元素的高度，使用不同的属性值，如下图所示：

3、第三步，为了显示对元素高度属性作用范围，添加背景色属性，设置成不同颜色值，如下图所示：

4、第四步，结果发现span和label标签内容在同一行，给这两个元素添加display属性，如下图所示：

5、第五步，保存代码并打开浏览器预览界面效果，可以看到内容垂直分布了，如下图所示：

6、第六步，使用类选择，给三个标签添加共同的样式属性，然后保存查看效果，如下图所示：