首页 > Web开发 > 详细

HTML5中的行级标签和块级标签

时间:2020-02-20 11:43:28      阅读:46      评论:0      收藏:0      [点我收藏+]
  • 行级标签

1.行级标签又称为内联标签,行级标签不会单独占据一行,设置宽高无效。

2.行内内部可以容纳其他行内元素,但不可以容纳块元素。
有span、strong、em、b、i、input、a、img、u(下划线),em(强调),i(斜体),sub(下标),sup(上标)等。

3.行内元素的水平方向的padding-left和padding-right都会产生边距效果,但是竖直方向上的padding-top和padding-bottom都不会产生边距效果。

  • 块级标签

1.独占一行,不和其他元素待在同一行,宽度自动填满父元素宽度。

2.可设置宽高、内外边距属性。

有div,p,h1-h6,ul,li,dl(定义列表,跟ul…li类似),dt(定义了定义列表中的项目),dd(定义描述项目的内容,跟dt一起搭配)

  • 行内块标签

1、能和其他元素待在一行

2、能设置宽高

有<img>,<input>,<textarea>等

  • 行块级标签相互转化

通过css样式中的displiay属性对行块级标签进行相互转换,属性值中inline(元素以行内标签进行展示),block(元素以块级标签进行展示),inline-block(元素以行内块级标签进行展示)。

 

HTML5中的行级标签和块级标签

原文:https://www.cnblogs.com/YorkZhangYang/p/12334574.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!