css 元素类型 行内元素 块元素 内联块元素 0302

元素的分类

在这里插入图片描述

三种元素类型

在这里插入图片描述

块元素

在这里插入图片描述

内联元素

在这里插入图片描述

可变元素

在这里插入图片描述

元素类型的转换

在这里插入图片描述

display block

在这里插入图片描述
元素浮动后就相当于变成了块元素

display inline

在这里插入图片描述

display inline-block

在这里插入图片描述

  • inline-block的间距各浏览器会不同
  • 图片和input都是行内块

在这里插入图片描述

display none

在这里插入图片描述

display list-item

在这里插入图片描述

各元素的display默认值

在这里插入图片描述

内联元素

在这里插入图片描述

发布了975 篇原创文章 · 获赞 44 · 访问量 14万+

猜你喜欢

转载自blog.csdn.net/ifubing/article/details/104614324