[TOC=2] >[success] ## **块元素** #### **代表标签** ``` Div,h1-h6,p,ul,li ``` #### **特点：** ``` ★独占一行 ★可以设置宽高 ★ 嵌套（包含）下， 子块元素宽度（没有定义情况下）和父块元素宽度默认一致。 ``` <br> >[success] ## **行内元素** #### **代表标签** ``` span ,a, ,strong , em, del, ins ``` #### **特点：** ``` ★在一行上显示 ★不能直接设置宽高 ★元素的宽和高就是内容撑开的宽高。 ``` <br> >[success] ## **行内块元素(内联元素)** #### **代表标签** ``` input img ``` #### **特点：** ``` ★在一行上显示 ★可以设置宽高 ``` <br> >[success] ## **元素间的转换** **块元素转行内元素 div-->span** `display:inline`  <br> **行内元素转块元素** `display:block;` ****  <br> **块和行内元素转行内块元素** `display:inline-block;`  >[danger] ##### 特点 1 行内元素不能设置宽高， 2 行内块元素可以设置宽高，并不单独占据一整行，也不”继承”宽度 3 块级元素本来就是要占据一整行显示，如果父元素设置了宽度，那么子元素在没有设置宽度的前提下默认和父元素同宽。