块汲元素/内联元素（标准流）
前言
- 网页布局的本质就是用css来拜摆放盒子，把盒子放到相应位置
- css提供了三种传统布局方式（简单说，就是盒子进行排列的顺序）分别是：普通流（标准流/文档流）、浮动float、定位position
标准流
- 所谓的标准流就是标签按照规定好的默认方式排列，分为块汲元素、内联元素、行内块元素，标准流是最基本的布局方式
- 块汲元素会独占一行，从上向下顺序排列，常用元素有
<div>,<hr>,<p>,<h1>~<h6>,<ol>,<ul>,<dl>,<form>,<table>
- 内联元素会按照顺序，从左到右顺序排列，碰到父元素边缘自动换行，常用元素有
<span>,<a>,<i>,<em>,<strong>等
- 行内块元素同时具有块汲元素和内联元素的特点，常用元素有
<img/>,<input/>,<td>
块汲元素
- 独占一行，从上到下的顺序排列
- 高度，宽度，外边距以及内边距都可以控制
- 宽度默认是容器（父级宽度）的100%
- 是一个容器及盒子，里面可以放内联或者块汲元素，也就是说可以包含任何标签
- 注意：文字类的元素不能使用块汲元素，例如
<p>，<h1>~<h6>
内联元素
- 相邻内联元素在一行上，一行可以显示多个内联元素
- 宽、高直接设置是无效的
- 默认宽度是内联元素本身内容的宽度
- 内联元素只能容纳文本或其他内联元素
- 注意：链接里面不能再放链接
- 注意：特殊情况a链接里面可以放块汲元素，但是a转换一下块汲模式更安全
行内块元素
- 和相邻行内元素（行内块）在一行上，但是它们之间会有空白缝隙，一行可以显示多个（行内元素特点）
- 默认宽度就是它本身内容的宽度（行内元素特点）
- 高度、宽度、外边距和内边距都可以控制（块汲元素特点）
转换为块汲元素
转换为内联元素
转换为行内块元素
