块级元素和行内元素浅谈分析，各自的特点和使用注意事项。

一.块级元素（block）

主要标签有：P ，div， span， h1-h6， ul，ol，li等，其中div最经典的块元素。

块元素的特点是：1.独占一行

2.高度，宽度，外边距，内边距都可以控制

3.宽度默认是容器（父级宽度）的100%。

4.是一个容器及盒子，里面可以放行内或者块级元素。

注意：文字元素内不允许使用块级元素  p h标签里面不能放块级元素

.行内元素（inline）

主要标签有：a,strong,b,em,I,del,s,ins,u.span等。Span最典型的行内元素，也叫做内联元素。

行内元素的特点是;1.紧挨在一起  一行可以显示多个

2.高宽直接设置无效

3.默认宽度就是他本身的宽度

4.行内元素只能容纳文本或其他行内元素

注意：1.a标签里面不能在放链接.        2.a标签里面可以包含块级元素

三，行内块元素（inline-block）

特殊的几个标签： img，input，td 同时具有块元素和行内元素特点。

行内块元素的特点：1.挨在一起，支持宽高。

block，inline。inline-block之间可以相互转化，使用display标签即可。

例如；display：inline-block；表示转化为行内块元素