块与内联（基础的）

 

对于的一些我的理解：

块级元素

首先块级元素是用block表示的，它具有如下特色：

1.块老是在新行上开始，且占据了一整行的空间宽度（通常状况下；

2.高度与宽度能够使用width、height，行高以及顶和底边距均可控制；

3.块级元素能够经过margin、padding调整位置，固然还有其余定位的方法；

4.通常的块级元素有如下这些：<div>, <p>, <h1>, <form>, <ul> 和 <li>等；

 

内联元素

1.它与块级元素相反，和其余元素都在一行上；

2.它的高，行高及顶和底边距不可改变（如图）它的宽度就是它的文字或图片的宽度；

3.通常的块级元素有如下这些：<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素等；

块与内联的互相转化：

通常使用display来将块与内联进行装换，有两种表示都行：

1.将块变为内联（在css中）：display：block；或是display:block-line;

2.将内联变为块（在css中）：display：line；或是display:line-block;