happy birthday BNTang!

02 CSS块级元素和行内元素

02 CSS块级元素和行内元素

划分依据:根据标签内部可以存放的元素内容不同进行划分,它与CSS样式无关。

要先了解这个 得先了解 什么是容器级别的标签和文本级

容器级标签

什么是容器级标签

  • 内部可以存放任意内容,包括容器级标签。比如:
  • p div h ul ol dl li dt dd

文本级标签

什么是文本级标签

  • 内部只能存放文字或者类似文字的内容。比如
  • 存放图片、表单元素等

块级元素

什么是块级元素?

  • 块级元素会独占一行
  • 行内元素不会独占一行

行内元素

什么是行内元素

  • 不会独占一行
  • 如果没有设置宽度, 那么默认和内容一样宽
  • 行内元素是不可以设置宽度和高度的

行内块级元素

为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素

posted @ 2022-06-26 20:46  look-word  阅读(2694)  评论(0编辑  收藏  举报