1. 行内元素
不可以设置宽高,可以设置margin、padding,它的宽高是由内容撑开的;
一行可以有多个行内块元素。
- span
- a
- br
- em
- i
- label
2. 块元素
可以设置宽高,在没有设置宽的时候默认width为100%;
独占一行。
- h1~h6
- p
- div
- ul
- ol
- li
- form
- table
3. 行内块元素
可以设置宽高,不会独占一行。
- img
- input
4.表格记忆
元素 | 排列 | 宽高 | 默认宽度 | 标签 |
行内元素 | 一行多个 | 不可直接设置宽高 | 内容宽度 | span、a、br、em、i、label |
块级元素 | 独占一行 | 可设置宽高 | 容器的100% | h1~h6、p、div、ul、ol、li form、table |
行内块元素 | 一行多个 | 可设置宽高 | 内容宽度 | img、input、 |