html行内元素与块级元素的区别总结

虽然自学了html很久了，但是对于小知识点记得总不是很清楚，最近被问到题目这个问题，当时我傻傻的读题不清楚，看成行级元素和块级元素，理解成，独占一行的元素和在行内一块一块的元素，结果错的妥妥的，所以记下来这次错误。

1. 行内元素。顾名思义指的是在行内的元素，默认不会单独占一行，会多个紧密排列，根据布局会按照情况进行调整。
   其中常见的有（默写啦）：em、strong、input、img、span、a、br

2. 块级元素。级别很高，每个元素都是默认另起一行，
   其中常见的有（默写啦）：div、p、from、table、tr、td、th、ol、ul、li、h1-h6、hr、address

二者区别：

类型	行内元素	块级元素
默认布局方向	水平布局	垂直布局
盒模型特性	无（image和input除外）	可以设置width、height、padding、margin、默认为父容器大小
内部元素	行内元素、文本	行内元素、文本、块级布局
相互装换	display:block	display:inline;

注意：img和input是比较特殊的行内元素可以设置width和height，因为他们是替换行内元素，可以理解成inline-block