HTML块级、行级、行内块级标签的特点说明

首先说明一下,标签也称为元素或者节点,请大家记住。

块级标签的特点(div、p、ul、li、h1-h6、ol等):

  1. 能设置宽与高
  2. 没设置宽与高时,默认宽度占父级元素的100%,默认高度则根据内容

行级标签的特点(a、span、strong、em、u等):

  1. 不能设置宽与高
  2. 默认宽度与高度都根据内容,若父级宽度足够,多个非块级标签能排在同一行
  3. 只能设置左右外边距,不能设置上下外边距

行内块级标签的特点(img、form):能设置宽与高, 若父级宽度足够 ,也能与其他非块级标签在同一行。

块级与行级元素相互转换。display:inline(转换为行级),block(转换为块级),inline-block(转换为行内块级),none(隐藏元素,包括其所占的位置也没了)

看完该文章有什么感受?

发表评论

电子邮件地址不会被公开。

标签:
顶部