显示模式
块级元素
- 独占一行
- 宽度默认是父级元素的100%
- 设置宽高属性生效
行内元素
- 一行可以显示多个,每个元素之间空格
- 设置宽高属性不生效
- 宽高由内容决定
行内块元素
- 一行可以设置多个
- 设置宽高属性生效
- 宽高也可以由内容决定
切换显示模式
属性名:display
属性值 效果 block 块级 inline-block 行内级 inline 行内
属性名:display
属性值 效果 block 块级 inline-block 行内级 inline 行内