块元素会生成一个元素框，水平方向不能有其他元素；

height, margin都可以控制；

默认宽度是其父级元素的宽度；

 

主要有：

div　　 - 容器

dl　　　- 定义列表

form    - 交互表单

h1~h6  - 标题

hr        - 水平分隔线

ol         - 有序列表

p          - 段落

pre       - 格式化文本

table     - 表格

ul          - 无序列表

 

内联元素在一个文本行内生成元素框，而不会打断这行文本，和其他元素都在一行上；

height不可控制， margin和padding上下无效，左右有效；

它的宽度就是节点里的文字或图片的宽度，不可改变。

 

主要有：

a         - 链接

b         - 粗体

br        - 换行

em       - 强调

i           - 斜体

img       - 图片

input     - 输入框

label      - 表格标签

select    - 项目选择

span     - 常用内联容器，定义文本内区块

strong   - 粗体强调

sub       - 下标

sup       - 上标

textarea - 多行文本输入框

u           - 下划线

 

inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递，旁边的内联对象会被呈递在同一行内，允许空格、制表或回车等空白字符的存在。

 

display值为inline-block的元素内部形成一个块状盒模型，而本身形成类似一个内联的被替代元 素，即display为inline-block的元素既可以像块状元素一样定义高度宽度，又可以和内联元素（比如文字）排列在一行。