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

• 行级标签

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（元素以行内块级标签进行展示）。