【HTML重点】行内元素与块级元素

块级标签的特点:

1.从上往下排列, 默认宽度占一行

2.高度、行高、外边距以及内边距可以控制

3.可以容纳内联标签和其他块标签

4.常用块级元素: div, p , h1-h6, ul, ol, li, dt, dd等

行内标签的特点:

1.并排显示, 默认宽高由内容撑开

2.设置高、宽无效, 但水平方向padding和margin可以设置, 垂直方向的无效

3.行内标签只能容纳文本或者其他行内标签, 不能嵌套块元素

4.常用的行内元素: span, a, strong. b. em, i等

行内块级标签标签

1.不独占一行, 可以并排显示

2.默认宽高由内容撑开

3.可以设置所有css属性

4.常用的行内块级元素：img  td  input

三者如何相互转换？

1.转换为块级   display: block;

2.转换为行内   display: inline;

3.转换为行内块级    display:inline-block;