html元素（标签）类型

---

一、块元素（block element）

div  p  h1-h6  ul/ol/dl/dt/dd/li  hr  form

特点：
	1、可以设置宽高和盒模型的所有属性； 
	2、上下排版、独占一行； 
	3、可以嵌套内联元素和块元素，但是有个别元素特殊（p/h标签/dt）

二、行内元素（inline element）

又称内联元素

span  a  i/em  b/strong  br

特点：
	1、不能设置宽高； 
	2、水平排列，不会自动换行； 
	3、识别盒模型，但是上下margin和padding设置会有问题； 
	4、内联元素只能嵌套内联元素；

三、行内块元素（inline­block）

又称内联块元素 / 可变元素 / 置换元素

img  input  select  textarea

特点：
	1、水平排列，不会自动换行； 
	2、可以设置宽高和盒模型的所有属性； 
	3、内联元素只能嵌套内联元素；

四、元素类型的转换

display属性与属性值（18个属性）

		block：块状显示——让元素垂直排列；
	   inline：内联显示——让元素水平排列；
 inline-block：行内块元素显示——元素的内容以块状显示、行内的其它元素显示在同一行，（只有这一个元素类型支持vertical-align属性）；
         none：此元素不会被显示——内容隐藏，连占位都没有；
    list-item：将元素转换成列表（li的默认）

注：当元素设置了float属性后，就相当于该元素具备了块元素显示的特点；

总结

块元素： 
	没浮动时：上下排列、独占一行； 
	浮动后：不占位、宽度由内容撑开；
	
内联元素： 
	没浮动时：水平排列、宽高设置不了、由内容撑开； 
	浮动后：宽高可以设置、margin 和padding可以显示；

以上是对html元素（标签）类型的小总结，后期将继续更新html基础知识点
文章为原创内容，要是遇到有不合适的地方欢迎赐教🙌