CSS显示模式（display）

• 块级元素：占据独立的区域，可以设置高度宽度 即可以设置区域的大小（div是典型的块级元素）
• 行内元素：不占据独立的区域，只能依靠元素内容 支撑其大小，不能设置其高度和宽度（如span）；行内元素只能放行内元素，不能放块级元素
• 行内块元素：很少，有img，input，td；既有块级元素的特点：可以设置宽高，又有行内元素的特点：一行可以放很多个

显示模式的转换

• display:inline; 块级元素转为行内元素
• display:block; 转为块级元素显示
• display:inline-block; 转为行内块元素

注意：

1. 行内元素和行内块元素 在块级元素内可以看做 文本，所以可以使用text-align使块级元素内的行内（块）元素进行水平方向的对齐设置
2. 设置行高（line-height）的大小 为盒子的高度 可以使单行文本在盒子中垂直方向居中
3. 像p，h1到h6这类 文字类块级元素，里面不能放块级标签（可以，但是尽量避免）
4. a元素是内联元素，但是里面可以放块级元素（如img行内块标签），不能再放a元素
5. 只有内联元素可以被当作文本看待，居中可以使用text-align，块级元素不能
6. 选择器的嵌套层级 不应该超过三层，不一定要一层一层每一层都写，只要能精确定位标签就可以