我的个人网络私密空间

HTML块级、行级、行内块级标签各有什么特点?如何相互转换?

首先说明一下,标签也称为元素或者节点,这只是在HTML与JavaScript之中的同一样东西的不同称呼而已,请大家记住。

块级、行级、行内块级标签的特点

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

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

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

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

行内块级标签的特点(img、form):

  • 1.能设置宽与高
  • 2.若父级宽度足够 ,也能与其他非块级标签并列在同一行。

块级、行级、行内块级标签的相互转换

块级、行级、行内块级标签之间可以用CSS属性“display”来相互转换。

  • display:inline(转换为行级)
  • display:block(转换为块级)
  • display:inline-block(转换为行内块级)
看完该文章有什么感受?
转载请注明来源:雨飞叶 » HTML块级、行级、行内块级标签各有什么特点?如何相互转换?

评论 抢沙发

理智防人:耳听可能假,眼见未必实。安全拒绝:我要想清楚,明天答复你。

网站建设与资源变现上网学习找资源教程