元素显示模式

元素显示分为块级元素、行内元素和行内块元素。

 

块级元素（block）：h1~h6,p,div,ul,ol,li。
特点：1，总是从新行起，2，高度，行高，外边距以及内边距都可以控制，3宽度默认是100%，4可以容纳内联连元素和其他元素。

行内元素inline：a,strong,b,em,i,del,s,ins,u,span。
特点： 1，和相邻行内元素在一行上。2，高，宽无效，但水平方向的padding和margin可以设置 ，垂直方向无效。3默认宽度就是他本身的宽度，4，行内元素只能容纳文本或其他行内元素（a特殊）;
批注:链接内不能发，p，h1~后内不能放块级元素。

行内块元素：img,input,td,可以设置宽高和对齐元素，
特点：1,和相邻的行内元素（行内块）在一行上，但是之间会有空隙。2，吗默认宽度就是他本身的容量的宽度，高度，行高，外边距以及内边距都可以控制。

display：元素模式转换。
block，行内转块 inline块转行内 inline-block行内块模式转变为块内块元素显示模式

其中浮动会把其他元素强制转换成成行内块元素，

行内元素只有左右外边距，没有上下外边距。