2.3 块元素与内联元素
二维码
块（block）元素的特点为：①总是在新行上开始；②高度（行高）、边距和填充都可控制；③宽度默认是父容器的100%，除非设定一个宽度；④它可以容纳内联元素和其他块元素。
内联（inline）元素（又称行内元素）的特点为：①和其他元素都在一行上；②高度（行高）、边距和填充不可改变；③宽度就是它的文字或图片的宽度，不可改变；④内联元素只能容纳文本或者其他内联元素。
以上特点仅仅是大家公认的使用建议，也可以根据需要自定义，比如为内联元素添加填充（Padding）。
块元素和内联元素较多，这里就不一一列举了。下面以最常用的DIV和SPAN这两个容器元素为例，对这两种元素作进一步说明。
基本语法：
语法说明：
DIV和SPAN都是HTML的样式元素，都可以使用ID或CLASS定义样式。
DIV是一个文档结构元素，<div>标签定义HTML文档中的分隔（Division）或部分（Section）。<div> 标签是块元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等，默认没有对元素内的对象进行任何格式化渲染，主要通过CSS样式表来进行格式化。浏览器通常会在DIV元素之前和之后插入换行符<br>，通过设置<div>的z-index属性还可以设置层次的效果。
SPAN是一个内联元素，没有实际语义，主要用来制作文字效果，尤其是标题和链接的效果，它的存在纯粹是为了应用样式，给一段内容加上<span>标签并为其定义样式来设定包裹内容的样式。如果不对SPAN元素应用样式，那么SPAN元素中的文本与其他文本不会有任何视觉上的差异，只有对它应用样式时，才会产生视觉上的变化。
一般在使用上建议用<div>标签包含<span>标签，但<span>最好不包含<div>标签。
虽然DIV是块元素，SPAN是行内元素，但块元素和行内元素也不是一成不变的，只要给块元素定义display:inline样式就成了行内元素，而给行内元素定义display:block样式就成了块元素。