元素分类
行内元素
常见元素:span a p ...
特性:
1. 并排 中间间隙(原因: 和标签后面的空格文本解析在了一起,具有文本的特性)
2. 设置宽高不起作用 宽高就取决于内容的大小
3. 设置上下外边距不起作用 设置左右外边距可以 不能设置内边距和边框
4. 行高撑不开盒子 只会上下移动行内元素而已!
块类元素
常见元素:div
特性:
1.独立成行 一行一个 垂直排放
2. 设置所有盒模型属性都起作用
3. 行高可以撑开盒子
4. 默认宽度是父盒子所有有效宽度 高度由内容撑开
行内块元素
常见元素:img
特性:
1. 并排 中间间隙(原因: 和标签后面的空格文本解析在了一起,具有文本的特性)
2. 设置所有盒模型属性都起作用
3. 行高可以撑开盒子
4. 默认宽高取决于内容