css块级元素

·块级元素

每个块级元素都会独自占据一整行或多行，可以对其设置宽度，高度对其等属性，常用于网页布局和网页结构搭建

行内元素

·行内元素（内联元素）不占有独立的区域，仅仅靠自己的字体大小和图像尺寸来支撑结构，一般不可以设置宽度，高度，对其属性，常用语控制页面中的文本样式。

块级元素和行内元素的区别：

块级元素的特点：

1.总是从新开始

2.高度行高外边距都可以控制

3.宽度默认是容量的百分百

4.可以容纳内联元素和其它块元素

行内元素的特点：

[if !supportLists]1. [endif]和相邻行内元素表在一行上

[if !supportLists]2. [endif]高宽无效，但水平方向的padding和margin可以设置，垂直方向无效。

[if !supportLists]3. [endif]默认宽度就是他本身内容的宽度

[if !supportLists]4. [endif]行内元素只能容纳文本或其他行内元素

·行内块元素

在行内元素中有几个特殊的标签-,,可以对他门设置高度和对其属性

行内元素的特点：

[if !supportLists]1. [endif]和相邻行内元素在一行上，但是之间有空白缝隙

[if !supportLists]2. [endif]默认宽度就是他本身内容的宽度

[if !supportLists]3. [endif]高度，行高，外边距一句内边距都可以进行控制

标签显示模式转换

将块状元素转换为行内模式display：inline

将行内模式转换为块状元素display： black；

将行内标签转化为行内块标签：

行内标签模式转换为匡壮内标签显示模式display：inline-block