页面中的元素一般分为两种。 如果划分为块级元素、内联元素(内联元素)或两种元素，则它们之间一定存在差异。
1 .块级元素总是一个人占一行，前后好像有换行符，内嵌元素总是和其他内嵌兄弟占一行
2 .块级图元可以设置宽度和高度值，但不能使用内嵌图元。 他们的宽度和高度总是根据自己的内容自动缩放
3 .阻滞级元素margin和padding均正常，内嵌元素左右marging和左右padding正常，未见上下异常。 也就是说，在边距和边距中不能改变行的高度
关于第3点的补充：
行内元素边距和绘制的左右间距在各浏览器中完全解析，上下间距为杯子。 各个浏览器的分析还不一样，设置背景似乎是人所共知的，但他周围的元素不存在他设置的上下间距，因此在以后的项目中，不会在行内元素中设置上下边距和边距
总结：在想独占一行的情况下，块级的要素(div、dl、dt、dd、ul、li . )，在想把要素和其他要素组成一行的情况下，串联要素) span、a、img )，他们之间根据风格不同，disply 显示： inline；
还有一个属性：
显示：在线块；
将对象呈现给行内元素，并将其与其他元素放在同一行中，但内部出现块级元素。 也就是说，可以设定宽度和宽度。 打破了块级元素和内联元素的区别。 该属性、IE8、FF3和其他标准浏览器均可见。 IE6、IE7、FF2虽然不认识这个属性，但是看起来像是在IE6、7下使用，是因为他触发了(类似于默认的黑裤子：1 )，所以在表现上支持这个属性。 (可以在块级要素上尝试，但是在块级要素上使用该属性会导致没有对应的功能)、ff2 ) display:moz-inline-box ) /可能会引起文本定位问题
如果块元素(div . )表达了这样的属性，则可以这样设置外部交流，内部使用块(display:inline )； zooom:1 (或div ) display :在线块； //先layout}div{display:inline； }这两个顺序不能颠倒。 不然就无效了
好了，我们来谈谈。 以下列举了普通的行内元素和块元素。
块级元素列表
创建地址定义表标题定义列表中定义的项目定义文档中的分区或节定义列表中的项目定义框架集HTML表单定义最大标题定义小标题定义标题定义创建最小标题定义水平线元素fieldset元素标题定义
标签定义列表项在frameset元素中显示不支持框架的浏览器的文本
脚本未运行时的替代内容定义有序列表定义无序列表
标签定义段落
标题定义表中的一行，用于定义预格式化的文本标签定义表
内联元素列表标签定义锚点
表示缩写
定义为只取首字母
加粗字体
可以复盖默认的文本方向
大号的字要加粗
换行
参照定义
计算机代码文本的定义
定义项目
定义为强调的内容
斜体文本效果
在网页中嵌入图像
输入框
定义键盘文本
标签定义输入元素的标记(标记)
定义短参照
定义示例文本
创建单选或多选菜单
展示小号的字体效果
合并文档中的行内元素
语气更强的强调的内容
定义下标文本
定义上标文本
多行文本输入控件
打字机等宽文本效果
定义变量