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

 时间:2024-11-10 09:36:02

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

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

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

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

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

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

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

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

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

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

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

如何使用CSS中的属性对不同元素起到综合作用
  • 使用Windows server 2012 R2如何更改计算机名
  • 引用外部脚本
  • IE浏览器怎么启用集成Windows验证
  • vue-cli 卸载不掉怎么办
  • 龙眼的历史记载
  • 热门搜索
    教师节手抄报图片 防震减灾手抄报资料 我爱读书手抄报的内容 劳动节手抄报图片 英语国庆节手抄报 有关科技的手抄报 关于友善的手抄报 庆国庆手抄报图片 足球手抄报图片 英语国庆手抄报