如何使用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 卸载不掉怎么办
  • 龙眼的历史记载
  • 热门搜索
    做肠粉的米浆怎么配 2345影视大全播放器 炒鱿鱼的家常做法 第二个路由器怎么设置 天龙八部重楼怎么得 怎么样消除眼袋 婚前财产离婚怎么分 鱼块怎么做好吃 免费游戏大全 南天竹的养殖方法