块元素,行元素,行内块以及相互转换

记录一下,还是自己的东西比较好一点吧,比较适合自己

块元素

body  from  select  textarea  h1-h6 html table  button  hr  p  ol  ul  dl  cnter  div

特征:

1. 自成一行
2. 可定义宽高

行内元素

heda   meat   title  lable  span  br  a   style  em  b  i   strong

特征:

1. 自适应宽高,不可定义宽高
2. 多个标签自动在一行

行内块元素:

img  input

特征:

1. 自动在一行
2. 可定义宽高

相互转换:

块->行内:display:inline;

行内->块:display:block;

块,行内->行内块:display:inline-block;