1. 块级元素
块级元素（block element）在浏览器中占据整行，并排斥其它元素与其位于同一行。也就是说，块级元素的宽度是 100%。常见的块级元素如下表：
| 块级元素 | 说明 |
|---|---|
| div | 最典型的块元素 |
| p | 表示段落 |
| h1-h6 | 表示1-6级标题（默认加粗） |
| br | 表示换行 |
| ol | 有序列表 |
| ul | 无序列表 |
2. 行内元素
行内元素又称内联元素（inline block）。在浏览器中可以与其它行内元素共占一行，只有当多个元素的总宽度大于浏览器的宽度时，才会换行显示。常见的行内元素如下表：
行内元素
| 行内元素 | 说明 |
|---|---|
| a | 超链接 |
| span | 常用行级 |
| strong | 加粗，强调 |
| b | 加粗，不强调 |
| em | 斜体，强调 |
| i | 斜体，不强调 |
| img | 图片 |
| input | 输入框 |
| select | 下拉列表 |
