一、常见的行盒模型
1、常见的行盒元素
包含具体内容的元素：span、strong、em、i、img、video、audio
2、行盒特点
● 盒子沿着内容沿伸
● 行盒宽width高height设置不生效
调整行盒的宽高，应该使用字体大小、行高、字体类型，间接调整。
● 内边距（填充区）
水平方向有效，垂直方向不会实际占据空间，只改变了背景高度
● 边框border
水平方向有效，垂直方向不会实际占据空间。
● 外边距margin
水平方向有效，垂直方向不会实际占据空间。
二、行块盒
为了解决行盒在垂直方向的问题，引出了“行块盒子”
使用方式：
display：inline-block 的盒子
1、特点
● 不独占一行
● 盒模型中所有尺寸都有效
2、应用--分页按钮
● 代码：
● 效果：
三、可替换元素与非可替换元素
1、非可替换元素：大部分元素，页面上显示的结果，取决于元素内容
2、可替换元素： 页面上显示的结果，取决于元素属性
3、常见可替换元素
img、video、audio
绝大部分可替换元素均为行盒，类似于行块盒，盒模型中所有尺寸都有效
四、上一集
>>>
分享到:
閱讀更多 Python大星 的文章
