对于行内元素、块级元素的认识

常见的行内元素有哪些？块级元素有哪些？

---

常见的行内元素有：
a - 超链接（锚点）
br - 换行
em - 强调
img - 图片
input - 输入框
label - 表格标签
select - 项目选择
span - 常用内联容器，定义文本内区块
strong - 粗体强调
sub - 下标
sup - 上标
input - 输入框
textarea - 多行文本输入框
　
常见的块级元素有：
div - 常用块级
dl - 定义列表
form - 交互表单
h1 - h6 标题
hr - 水平分隔线
ol - 排序表单
p - 段落
pre - 格式化文本
table - 表格
ul - 非排序列表

---

行内元素与块级元素的区别？

1.块级元素会独占一行，默认的宽度占满父级元素，行内元素不会换行；

2.行内元素的width,height无效。但是特殊的img，input除外，这些该归类为inline-block，inline-block仍然算行内元素。

3.块级元素可以设置margin和padding属性，行内元素padding-left、padding-right、margin-left、margin-right（水平方向）有边距效果，padding-top、padding-bottom、margin-top、margin-bottom（竖直方向）没有边距效果。

本质：浏览器将块级元素的display属性默认为block，行内元素属性默认为inline。因此行内元素与块级元素的切换可以通 过修改display属性实现。